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

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

利用 OpenClaw 结合 Chrome 插件实现 AI 每日简报的自动化生成。通过安装本地浏览器中继服务与扩展,利用 Gemini 生成 HTML 模板,再借助 Playwright 将网页转为图片,最终在飞书等平台展示。核心在于配置 Skills 提示词以规范信息抓取与排版流程,无需手动整理即可获取结构清晰、内容简洁的行业动态。

莫名其妙发布于 2026/4/7更新于 2026/10/1874 浏览

最近自己在本地部署了 OpenClaw(原名 Clawdbot),发现它非常适合作为个人 AI 助理平台的核心。利用它结合 Chrome 插件,可以自动抓取全网信息并生成结构化的每日简报,直接推送到飞书等协作工具中。

这个方案基于 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://extensions,启用开发者模式,然后加载 OpenClaw 的浏览器插件目录。

使用 OpenClaw Browser Relay 插件

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

后续需要搜索信息源时,只需打开对应页面的链接即可。注意,该插件不会获取你的账号密码权限,而是模拟用户行为来操作网页,安全性较高。

生成 AI 每日简报

这里我设计了一个简洁的 HTML 模板,让 Gemini 生成网页代码,再利用 OpenClaw 将其转为图片。具体步骤如下:

1、获取 HTML 代码

网上搜索一个简报图片样式,让 Gemini 生成对应的 HTML 网页代码。你可以直接使用我生成的模板,或者根据需求调整。

2、将获取到的网页内容转成 Skills

为了让 OpenClaw 每天定时发送简报,最好将这个简报打包成 Skills。直接给它提要求即可,核心是定义好数据来源优先级和输出格式。

# 每日 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 class="container">
        <div class="header">
            <h1>AI 每日简报</h1>
            <span class="date">02 月 03 日 周二 | 生成时间:2026 年 02 月 03 日 14:24</span>
        </div>
        <h2 class="section-title">热门新闻</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 class="section-title">热门趋势</h2>
        <div class="news-item">
            <strong>AI IPO 热潮</strong>
            <span>OpenAI 和 Anthropic 竞相筹备公开募股,投资者对 AI 热潮信心高涨。</span>
        </div>
        <!-- 更多趋势项目... -->
        <h2 class="section-title">教程与技能分享</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>

按上述要求帮我生成一个 AI 每日简报的 Skills,以图片的形式呈现,热点新闻 6 条,热点趋势 6 条,教程和技能 4 条。


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

在这个过程中,OpenClaw 会提示你需要安装一个 HTML 转图片插件。我们直接在终端输入以下两行命令即可:

```bash
pip install playwright
playwright install chromium

安装好这个插件后跟 OpenClaw 说安装好了,它就会接着干活了。过程还是很简单的,这样一份简报就完成了。

整个流程跑通后,你可以根据需要调整定时任务频率,实现真正的自动化信息流管理。

目录

  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 转图片插件

更多推荐文章

查看全部
  • 纯 B/S 架构智慧 PACS/RIS 系统设计与实现
  • C++ 类完全指南:从基础到实践(一)
  • Envoy 架构与配置详解
  • Copilot Pro 使用指南:模型配额与选型策略
  • MinIO 分布式对象存储介绍及与 SeaweedFS 对比
  • VS Code 提示无 Python 环境,安装 uv 后的终端输出解读与解决
  • NativeScript-Vue 实战:用 Vue 语法构建高性能原生应用
  • Microsoft 365 Copilot 与 Copilot Chat 详细对比
  • 宇树科技机器人核心技术
  • Microsoft Edge WebView2 安装与配置教程
  • AIGC 时代网络安全威胁与应急响应机制构建
  • Python 盲水印工具 BlindWaterMark 使用指南
  • 10 篇大模型(LLM)优秀论文精选:Meta AI、浙大、清华等前沿成果
  • OpenClaw 技能开发入门指南
  • 硕士论文盲审前降低 AI 检测率及评委关注点分析
  • 2024-2025 旗舰 LLM 架构演进:MoE 稀疏革命与 KV-cache 优化设计
  • Git 与 GitHub 入门指南:版本控制与协作实战
  • DFT 测试中的 OCC 架构:片上时钟控制器设计
  • AkShare:开源 Python 金融数据接口库
  • GPT 大模型本地化部署指南:开源项目推荐与实战

相关免费在线工具

  • 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