10分钟,教你用OpenClaw+Chrome插件生成一份AI每日简报

大家好,我是岳哥。

最近在自己电脑上安装了OpenClaw(原名Clawdbot),越用越上瘾,中午吃饭的时候都还在用手机飞书给它下命令。

花了点时间让它帮我做了一个AI每日简报,可以看下效果。

这个是基于X和Brave Search搜索全网信息源生成的,我个人认为效果还是挺不错的,直接在飞书上就可以看到了。

下面给大家分享一下要如何实现这个功能。

安装OpenClaw和飞书插件

这个前面有详细介绍,包括飞书插件安装失败的解决办法,都有给大家分享,跟着教程操作都可以安装成功的。

具体链接如下:

Clawdbot/Moltbot安装教程,接入飞书本地搭建你的AI助理平台

教你如何解决OpenClaw安装飞书插件失败的问题

安装Chrome插件

这个是OpenClaw开发的一个Chrome插件,可以根据你的要求使用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插件

安装OpenClaw插件成功后,我们会在Chrome的地址栏看到这个图标,将他点击一下,使它出现“ON”状态即可控制当前浏览器页面了。

后续我们想搜索对应的信息源,你只需要打开这个信息源的页面即可,记得等你的账号,这里它不会获取你的账号密码权限,只是模拟你的行为来操作网页。

生成AI每日简报

这里我是在网上找了一个比较简洁的每日简报模板,让Gemini帮我生成一个HTML网页形式,然后再利用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: #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>         <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条。
3、安装HTML转图片插件

这个过程中OpenClaw会提示你需要安装一个HTML转图片插件,我们安装即可。

在终端输入如下两行命令

pip install playwright
playwright install chromium

安装好这个插件跟OpenClaw说安装好了,它就接着干活了。

过程还是很简单的,这样一份简报就完成了。

今天的内容就分享到这里,大家有不懂的可以给我留言。

我创建了几个AI交流群,大家可以在群里交流各种AI工具的使用,欢迎大家进群交流。 公众号后台私信:AI群,我邀请你进群 群里禁止发广告和违规违法言论,违者移出群聊。

Read more

【前端高频面试题】 - TypeScript 篇,零基础入门到精通,收藏这篇就够了

【前端高频面试题】 - TypeScript 篇 1. 请解释 TypeScript 是什么?它与 JavaScript 的核心区别是什么? 面试回答需突出 TS 的核心价值(类型安全)和与 JS 的关键差异,结构清晰: * TypeScript 定义:TS 是 JavaScript 的超集(Superset),在 JS 语法基础上增加了静态类型系统,最终会编译为纯 JS 运行(支持所有 JS 环境),核心目标是提升代码可维护性、减少运行时错误。 * 与 JavaScript 的核心区别(分点对比): 1. 类型系统:TS 有静态类型(编译阶段检查类型,变量声明时需指定/推断类型);JS 是动态类型(

Java外功基础(1)——Spring Web MVC

Java外功基础(1)——Spring Web MVC

1.前置知识 1.1 Tomcat 定义:Tomcat是一个开源的轻量级Web(Http)服务器和Servlet容器。它实现了Java Servlet等Java EE规范的核心功能,常用于部署和运行Java Web应用程序 。换言之,Tomcat就是一个严格遵循Servlet规范开发出来的、可以独立安装和运行的Java Web服务器/Servlet容器核心功能:Servlet容器:支持Servlet的执行,处理HTTP请求和响应Web服务器:提供静态资源(如HTML)的访问能力,支持基本的HTTP服务安装与版本对应: tomcat官网:Apache Tomcat®目录结构:bin:存放可执行文件,如startup.batconf:存放配置文件lib:存放Tomcat运行所需的jar文件logs:存储日志文件temp:存放临时文件,如上传的文件或缓存数据webapps:默认web应用部署目录work:服务器的工作目录,存放运行时生成的临时文件(编译文件) 1.2 Servlet 1.2.1 定义

Java Web 医疗挂号管理系统系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

Java Web 医疗挂号管理系统系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

摘要 随着信息技术的快速发展,医疗行业的数字化转型已成为必然趋势。传统的医疗挂号方式存在效率低下、资源分配不均、患者体验差等问题,亟需通过信息化手段优化管理流程。医疗挂号管理系统能够整合医院资源,实现线上预约、智能分诊、数据统计等功能,从而提升医疗服务效率,改善患者就医体验。该系统通过信息化手段减少人工操作错误,优化医疗资源配置,为医院管理者和患者提供便捷的服务。关键词:医疗挂号、数字化转型、资源优化、信息化管理。 本系统基于SpringBoot2、Vue3、MyBatis-Plus和MySQL8.0技术栈开发,采用前后端分离架构,确保系统的高效性和可扩展性。SpringBoot2提供了快速开发能力,Vue3实现了响应式前端界面,MyBatis-Plus简化了数据库操作,MySQL8.0则提供了高性能的数据存储支持。系统功能涵盖用户管理、医生排班、挂号预约、订单支付、数据统计等模块,支持多角色权限控制,确保数据安全。通过智能算法优化挂号流程,减少患者等待时间,提升医院运营效率。关键词:SpringBoot2、Vue3、MyBatis-Plus、MySQL8.0、智能挂号。 数据表

飞书 lark-cli 深度解读:当办公软件遇上 AI Agent

飞书 lark-cli 深度解读:当办公软件遇上 AI Agent

飞书 lark-cli 深度解读:当办公软件遇上 AI Agent 2026年3月,飞书开源了官方命令行工具 lark-cli。这不是一个普通的 CLI,而是面向 AI Agent 时代的企业级基础设施。本文将从架构、设计理念、实战应用三个维度,全面解读这个项目的创新之处。 一、为什么2026年大家都在做CLI? 过去四十年,软件界面的进化方向一直是 CLI → GUI:从黑底白字的命令行,到图形化界面,让普通人也能用上电脑。 但2026年,方向反过来了。飞书、Google、Stripe、ElevenLabs、网易云音乐,一众看起来毫不相关的公司,不约而同在做同一件事:发布CLI工具。 新的用户来了 这个新用户叫 Agent。 Agent的本质是"文字进、文字出"的智能体。GUI是给眼睛看的,Agent没有眼睛;CLI是纯文字的,