跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
PythonAI大前端

使用 OpenClaw 与 Chrome 插件生成 AI 每日简报

如何使用 OpenClaw 自动化工具配合 Chrome 插件,结合 Gemini 生成的 HTML 模板,自动生成并转换为图片格式的 AI 每日行业简报。主要步骤包括安装 OpenClaw 及浏览器中继插件、配置浏览器控制服务、编写 Skills 提示词获取信息源,最后通过 Playwright 将 HTML 渲染为图片。

赛博朋克发布于 2026/4/6更新于 2026/5/2423 浏览

OpenClaw(原名 Clawdbot)是一款自动化浏览器工具,可用于模拟用户行为并控制网页。

安装 OpenClaw 和飞书插件

OpenClaw 支持接入飞书本地搭建 AI 助理平台。请确保按照官方指引完成安装,如遇飞书插件安装失败问题,可参考相关排查指南。

安装 Chrome 插件

OpenClaw 开发了一个 Chrome 插件,用于根据要求打开搜索关键词的相关网页。该插件包含三个部分:

  • 浏览器控制服务(网关或节点):代理/工具调用的 API
  • 本地中继服务器(环回 CDP):控制服务器与扩展之间的桥接(默认设置 http://127.0.0.1:18792)
  • Chrome MV3 扩展:通过连接激活标签页,并将 CDP 消息传入 chrome.debugger

1. 将插件安装到本地路径上

使用管理员权限打开终端或 PowerShell,输入以下命令:

openclaw browser extension install

2. 打印已安装的插件路径

输入命令查看插件安装位置:

openclaw browser extension path

3. 打开 Chrome 的插件设置

在 Chrome 浏览器中输入 chrome://extensions,启用开发者模式,然后启用 OpenClaw 的浏览器插件。

插件设置

使用 OpenClaw Browser Relay 插件

安装成功后,Chrome 地址栏会出现图标,点击使其处于'ON'状态即可控制当前浏览器页面。

Browser Relay

后续搜索信息源时,只需打开对应页面。插件不会获取账号密码权限,仅模拟行为操作网页。

生成 AI 每日简报

可通过 Gemini 生成 HTML 网页形式的简报模板,再利用 OpenClaw 转为图片。

1. 获取 HTML 代码

搜索简报图片示例,让 Gemini 生成对应的 HTML 网页。

HTML 示例

2. 将网页内容转成 Skills

为了让 OpenClaw 定时发送简报,建议将简报打包成 Skills。以下为 Prompt 示例:

# 每日 AI 简报生成器 (HTML Style)
## 目标 (Goal)
生成一份结构清晰、内容简洁、且具有现代美感的每日 AI 行业简报 HTML 文件。输出格式必须遵循指定的 HTML/CSS 样式,使用卡片式布局。
## 约束条件 (Constraints)
* 数据来源优先级:主要使用 OpenClaw Browser Relay 插件从当前浏览器会话获取实时信息。如果信息不足,次要使用 brave_search 工具。
* 搜索内容:仅限人工智能 (AI) 相关主题:产品发布、行业新闻、热点事件、教程技巧等。
* 格式要求:必须输出完整且格式正确的 HTML 文档,包含 <style> 标签或行内 CSS,严格按照以下结构组织内容。
* 简洁明了:每条新闻或趋势应控制在 2-3 行的摘要,突出重点。
* 排除信息:不要包含任何广告或不相关的非 AI 内容。
## 步骤 (Steps)
1. 确定日期:确定简报的生成日期。
2. 执行信息获取:首选尝试使用 OpenClaw Browser Relay 工具从浏览器获取最新 AI 相关新闻、趋势和教程;备选如果浏览器中继信息不足,使用 brave_search 工具执行补充搜索。
3. 筛选信息:从获取的结果中筛选出最新、最重要且相关的 5-8 条信息。
4. 内容分类:将筛选出的信息归类到热门新闻,热门趋势,教程与技能分享。
5. 格式化输出:严格按照'期望输出格式'使用 HTML 和 CSS 进行排版。
## 期望输出格式 (Expected Output Format)
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI 每日简报</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 20px; background-color: #f4f7f9; color: #333; line-height: 1.6; }
        .container { max-width: 800px; margin: auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        .header { border-bottom: 2px solid #007bff; padding-bottom: 10px; margin-bottom: 20px; }
        .header h1 { margin: 0; color: #007bff; }
        .news-item { background: #e9ecef; padding: 15px; border-radius: 5px; margin-bottom: 10px; }
        .news-item strong { color: #0056b3; display: block; margin-bottom: 5px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>AI 每日简报</h1>
            <span>生成时间:2026 年 02 月 03 日</span>
        </div>
        <h2>热门新闻</h2>
        <!-- 新闻内容 -->
        <h2>热门趋势</h2>
        <!-- 趋势内容 -->
        <h2>教程与技能分享</h2>
        <!-- 教程内容 -->
        <div>来源:OpenClaw Browser Relay / X/Twitter + Brave Search</div>
    </div>
</body>
</html>

按上述要求帮我生成一个 AI 每日简报的 Skills,以图片的形式呈现。


### 3. 安装 HTML 转图片插件

OpenClaw 会提示需要安装 HTML 转图片插件,请在终端输入以下命令:

```bash
pip install playwright
playwright install chromium

安装完成后告知 OpenClaw 即可继续执行任务。

转换过程

通过以上步骤,即可完成 AI 每日简报的生成。

目录

  1. 安装 OpenClaw 和飞书插件
  2. 安装 Chrome 插件
  3. 1. 将插件安装到本地路径上
  4. 2. 打印已安装的插件路径
  5. 3. 打开 Chrome 的插件设置
  6. 使用 OpenClaw Browser Relay 插件
  7. 生成 AI 每日简报
  8. 1. 获取 HTML 代码
  9. 2. 将网页内容转成 Skills
  10. 每日 AI 简报生成器 (HTML Style)
  11. 目标 (Goal)
  12. 约束条件 (Constraints)
  13. 步骤 (Steps)
  14. 期望输出格式 (Expected Output Format)
  15. 3. 安装 HTML 转图片插件
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Ollama 下载模型太慢?试试国内 HuggingFace 镜像与 LLama-Factory 组合
  • C++ STL 容器详解:unordered_map 与 unordered_set 实战指南
  • 文心一言开源版测评:能力、易用性与价值解析
  • Linux 进程创建与终止:fork 与 exit 底层逻辑解析
  • C++ 红黑树实现与优化详解
  • DreamZero:世界动作模型实现零样本策略泛化
  • OSCP 实战:获取并破解 Net-NTLMv2 哈希(下)
  • Windows 系统部署 MinIO 对象存储及 WebUI 访问指南
  • 基于 Walsh-Hadamard 变换的量子仿真硬件架构与地址生成器设计
  • DeepFace + OpenCV 实时情绪识别实战
  • AI 大模型微调面试指南与核心学习路径
  • AI 大模型 API 中转接入指南与配置说明
  • ofa_image-caption 扩展支持 WebP 格式与 EXIF 元数据保留
  • 西门子 S7-1500 PLC 与 Fanuc 机器人焊装系统集成及 Profinet 通讯实践
  • 大模型产品经理转行指南:核心技能、学习路径与商业化实践
  • 西门子 S7-1500 PLC 与 Fanuc 机器人焊装系统集成及 Profinet 通讯
  • 零基础转行网络安全:Web 安全入门与学习路线指南
  • WebMCP:Chrome 新 API 特性与 Agentic Web 前瞻
  • 阿里云部署 Moltbot:GitHub 7.6 万星 AI 助手快速上手
  • 基于 SpringBoot 的高校校友信息管理与服务平台设计与实现

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online