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

PythonAI大前端

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

通过 OpenClaw 自动化工具结合 Chrome 插件生成 AI 每日简报，可实现信息源实时抓取与自动化分发。方案包含本地浏览器中继配置、AI 生成 HTML 模板及 Playwright 图像转换步骤。无需手动整理新闻，直接输出结构化简报至飞书等平台，适合开发者日常获取行业动态。

黑客发布于 2026/4/8更新于 2026/5/2110 浏览

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

最近尝试在本地部署了 OpenClaw（原名 Clawdbot），发现它不仅能处理复杂任务，还能通过飞书等工具实现信息流的自动化。这里分享一个实战案例：如何结合 Chrome 插件和 OpenClaw，自动生成一份结构清晰的 AI 行业每日简报。

效果示例如下：

文章配图

该简报基于 X 和 Brave Search 全网信息源生成，直接在飞书端即可查看。下面梳理一下具体的实现路径。

环境准备与插件安装

OpenClaw 的基础安装较为简单，若遇到飞书插件连接问题，可查阅官方文档或社区常见解决方案。核心在于配置好 Chrome 扩展，以便工具能控制浏览器行为。

1. 理解插件架构

OpenClaw 的 Chrome 插件主要由三部分组成：

浏览器控制服务：作为网关或节点，处理代理及工具调用的 API。
本地中继服务器：默认运行在 http://127.0.0.1:18792，负责桥接服务器与扩展之间的 CDP 消息。
Chrome MV3 扩展：激活标签页并传入调试指令。

2. 安装本地插件

使用管理员权限打开终端或 PowerShell，执行以下命令将插件加载到本地：

openclaw browser extension install

安装完成后，可以通过路径命令确认位置：

openclaw browser extension path

3. 启用开发者模式

打开 Chrome 浏览器，地址栏输入 chrome://extensions，开启右上角的'开发者模式'，找到 OpenClaw 插件并启用。

文章配图

配置 Browser Relay

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

文章配图

后续需要搜索特定信息源时，只需打开对应网页即可。注意，该过程仅模拟用户行为操作网页，不会获取你的账号密码权限，安全性较高。

生成 AI 每日简报

这一步的核心是将 HTML 模板转化为图片，并利用 OpenClaw 定时抓取内容。我参考了一个简洁的简报模板，让 Gemini 生成了对应的 HTML 代码。

1. 获取 HTML 模板

你可以直接在网上搜索简报样式，或者让 AI 生成一个符合要求的 HTML 文件。关键是要包含完整的 CSS 样式，确保渲染美观。

文章配图

相关免费在线工具

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

# 每日 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: #0056b3;
            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 class="container">
        <div class="header">
            <h1>AI 每日简报</h1>
            <span>02 月 03 日 周二 | 生成时间：2026 年 02 月 03 日 14:24</span>
        </div>
        <h2>热门新闻</h2>
        <div class="news-item">
            <strong>SpaceX 收购 xAI</strong>
            <span>2 月 2 日，SpaceX 正式收购 xAI，计划将 Colossus 超算扩展至至少 100 万 GPU。</span>
        </div>
        <div class="news-item">
            <strong>OpenAI 冲刺 IPO</strong>
            <span>OpenAI 据报道正在加速筹备第四季度 IPO，已与华尔街银行进行非正式会谈。</span>
        </div>
        <!-- 更多新闻项目... -->
        <h2>热门趋势</h2>
        <div class="news-item">
            <strong>AI IPO 热潮</strong>
            <span>OpenAI 和 Anthropic 竞相筹备公开募股，投资者对 AI 热潮信心高涨。</span>
        </div>
        <!-- 更多趋势项目... -->
        <h2>教程与技能分享</h2>
        <div class="news-item">
            <strong>Lex Fridman 2026 AI 状态播客</strong>
            <span>深度讨论 LLM、扩展定律、中国 AI 发展、智能体和 AGI 未来。</span>
        </div>
        <!-- 更多教程项目... -->
        <div class="footer">
            来源：OpenClaw Browser Relay / X/Twitter + Brave Search
        </div>
    </div>
</body>
</html>


### 3. 安装图像转换依赖

在生成过程中，OpenClaw 会提示需要安装 HTML 转图片插件。这通常依赖于 Playwright 库。在终端执行以下命令：

```bash
pip install playwright
playwright install chromium

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

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

环境准备与插件安装

1. 理解插件架构

2. 安装本地插件

3. 启用开发者模式

配置 Browser Relay

生成 AI 每日简报

1. 获取 HTML 模板

更多推荐文章

相关免费在线工具

2. 编写 Skills 提示词

更多推荐文章

相关免费在线工具

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

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

环境准备与插件安装

1. 理解插件架构

2. 安装本地插件

3. 启用开发者模式

配置 Browser Relay

生成 AI 每日简报

1. 获取 HTML 模板

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

更多推荐文章

相关免费在线工具

2. 编写 Skills 提示词

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

更多推荐文章

相关免费在线工具