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

2. 编写 Skills 提示词

为了让 OpenClaw 每天定时发送简报，最好将这个流程打包成 Skills。直接给 AI 下达明确指令，定义数据来源、筛选逻辑和输出格式。

# 每日 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>

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

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

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

```bash
pip install playwright
playwright install chromium

安装完成后告知 OpenClaw 环境已就绪，它便会自动完成后续的截图与合成工作。

整个过程比较顺畅，这样一份高质量的简报就完成了。如果你有其他自动化需求，也可以参考这个思路去定制相应的 Skills。