利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报 | 极客日志

编程语言AI大前端

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

OpenClaw 结合 Chrome 插件可实现自动化信息抓取与简报生成。通过安装本地浏览器中继服务及 MV3 扩展，配合 HTML 模板与 AI 指令，能定时产出结构化日报。流程涵盖环境配置、插件激活、Prompt 编写及图片渲染，无需手动搜集资讯，显著提升效率。

云间漫步发布于 2026/4/11更新于 2026/5/2411 浏览

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

最近尝试在本地部署了 OpenClaw（原名 Clawdbot），发现它在信息聚合方面非常高效。通过简单的配置，就能让它自动抓取全网信息并生成结构化的日报，直接推送到飞书等协作平台。

这个方案基于 X 和 Brave Search 搜索全网信息源，生成的简报效果相当不错。下面分享一下具体的实现路径。

安装 OpenClaw 和飞书插件

OpenClaw 的安装流程相对成熟，包括飞书插件的接入也有现成的文档支持。如果遇到安装失败的情况，通常与网络环境或权限有关，建议仔细检查本地依赖。

安装 Chrome 插件

OpenClaw 配套了一个 Chrome 扩展，用于控制浏览器行为以获取网页内容。该架构主要包含三个部分：

浏览器控制服务：作为网关处理代理和工具调用 API。
本地中继服务器：默认运行在 http://127.0.0.1:18792，负责桥接服务器与扩展。
Chrome MV3 扩展：通过连接激活标签页，并将 CDP 消息传入中继。

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

使用管理员权限打开终端或 PowerShell，执行以下命令：

openclaw browser extension install

2. 确认插件路径

输入命令查看插件的具体安装位置：

openclaw browser extension path

3. 启用 Chrome 插件

在 Chrome 浏览器地址栏输入 chrome://extensions，开启开发者模式后，加载 OpenClaw 的浏览器插件目录。

文章配图

使用 OpenClaw Browser Relay 插件

安装成功后，Chrome 地址栏会出现对应的图标。点击将其切换为 "ON" 状态，即可开始控制当前浏览器页面。

文章配图

后续需要搜索特定信息源时，只需打开对应页面即可。注意，它不会获取你的账号密码权限，而是模拟用户行为来操作网页。

生成 AI 每日简报

这里我采用了一个简洁的 HTML 模板思路，先让 Gemini 生成 HTML 代码，再利用 OpenClaw 将其渲染为图片。具体步骤如下：

1. 获取 HTML 代码

网上搜索合适的简报样式，或者直接使用 AI 生成对应的 HTML 网页代码。

文章配图

2. 将网页内容封装为 Skills

相关免费在线工具

RSA密钥对生成器
生成新的随机RSA私钥和公钥pem证书。在线工具，RSA密钥对生成器在线工具，online
Mermaid 预览与可视化编辑
基于 Mermaid.js 实时预览流程图、时序图等图表，支持源码编辑与即时渲染。在线工具，Mermaid 预览与可视化编辑在线工具，online
随机西班牙地址生成器
随机生成西班牙地址（支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选），支持数量快捷选择、显示全部与下载。在线工具，随机西班牙地址生成器在线工具，online
Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。在线工具，Base64 字符串编码/解码在线工具，online
Base64 文件转换器
将字符串、文件或图像转换为其 Base64 表示形式。在线工具，Base64 文件转换器在线工具，online
Markdown转HTML
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。在线工具，Markdown转HTML在线工具，online

# 每日 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 每日简报 - 2026 年 02 月 03 日</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; 
        } 
        .header .date { 
            display: block; 
            margin-top: 5px; 
            color: #6c757d; 
            font-size: 0.9em; 
        } 
        .section-title { 
            color: #333; 
            border-left: 4px solid #007bff; 
            padding-left: 10px; 
            margin-top: 30px; 
            margin-bottom: 15px; 
        } 
        .news-item { 
            background: #e9ecef; 
            padding: 15px; 
            border-radius: 5px; 
            margin-bottom: 10px; 
        } 
        .news-item strong { 
            color: #056b3; 
            display: block; 
            margin-bottom: 5px; 
        } 
        .footer { 
            margin-top: 40px; 
            border-top: 1px solid #ddd; 
            padding-top: 15px; 
            font-size: 0.8em; 
            color: #999; 
            text-align: right; 
        } 
    </style> 
</head> 
<body> 
    <div> 
        <div> 
            <h1>AI 每日简报</h1> 
            <span>02 月 03 日 周二 | 生成时间：2026 年 02 月 03 日 14:24</span> 
        </div> 
        <h2>热门新闻</h2> 
        <div> 
            <strong>SpaceX 收购 xAI</strong> 
            <span>2 月 2 日，SpaceX 正式收购 xAI, 计划将 Colossus 超算扩展至至少 100 万 GPU。</span> 
        </div> 
        <div> 
            <strong>OpenAI 冲刺 IPO</strong> 
            <span>OpenAI 据报道正在加速筹备第四季度 IPO, 已与华尔街银行进行非正式会谈。</span> 
        </div> 
        <!-- 更多新闻项目... --> 
        <h2>热门趋势</h2> 
        <div> 
            <strong>AI IPO 热潮</strong> 
            <span>OpenAI 和 Anthropic 竞相筹备公开募股，投资者对 AI 热潮信心高涨。</span> 
        </div> 
        <!-- 更多趋势项目... --> 
        <h2>教程与技能分享</h2> 
        <div> 
            <strong>Lex Fridman 2026 AI 状态播客</strong> 
            <span>深度讨论 LLM、扩展定律、中国 AI 发展、智能体和 AGI 未来。</span> 
        </div> 
        <!-- 更多教程项目... --> 
        <div> 
            来源：OpenClaw Browser Relay / X/Twitter + Brave Search 
        </div> 
    </div> 
</body> 
</html> 
按上述要求帮我生成一个 AI 每日简报的 Skills，以图片的形式呈现，热点新闻 6 条，热点趋势 6 条，教程和技能 4 条。

pip install playwright
playwright install chromium

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

安装 OpenClaw 和飞书插件

安装 Chrome 插件

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

2. 确认插件路径

3. 启用 Chrome 插件

使用 OpenClaw Browser Relay 插件

生成 AI 每日简报

1. 获取 HTML 代码

2. 将网页内容封装为 Skills

更多推荐文章

相关免费在线工具

3. 安装 HTML 转图片插件

更多推荐文章

相关免费在线工具

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

利用 OpenClaw 和 Chrome 插件自动化生成 AI 每日简报

安装 OpenClaw 和飞书插件

安装 Chrome 插件

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

2. 确认插件路径

3. 启用 Chrome 插件

使用 OpenClaw Browser Relay 插件

生成 AI 每日简报

1. 获取 HTML 代码

2. 将网页内容封装为 Skills

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

更多推荐文章

相关免费在线工具

3. 安装 HTML 转图片插件

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

更多推荐文章

相关免费在线工具