メニュー
将 OpenClaw 中的信息（PhoenixClaw 日志、聊天记录、单条消息等）转换为精美排版的图片， 便于在聊天窗口（Telegram/Slack/Discord 等）中直接展示和分享。 Use when: - 用户要求将内容做成图片 ("帮我把这段话做成图片") - 用户要求生成日志可视化 ("生成今日日志分享图") - 用户要求将聊天记录可视化 ("把今天的对话做成总结图")
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ChatTreeNet/PhoenixClaw --skill openclaw-visualコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | openclaw-visual |
| description | 将 OpenClaw 中的信息（PhoenixClaw 日志、聊天记录、单条消息等）转换为精美排版的图片， 便于在聊天窗口（Telegram/Slack/Discord 等）中直接展示和分享。 Use when: - 用户要求将内容做成图片 ("帮我把这段话做成图片") - 用户要求生成日志可视化 ("生成今日日志分享图") - 用户要求将聊天记录可视化 ("把今天的对话做成总结图") |
| depends | ["node-html-to-image"] |
| metadata | {"version":"0.0.2"} |
将 OpenClaw 中的任何信息转换为精美排版的图片，直接在聊天窗口中展示。
设计风格: 现代极简 / 瑞士风格 / 编辑排版 核心流程: 内容 → HTML 模板 → 本地生成图片 → OpenClaw 发送图片给用户
图片生成: 本地渲染，无需外部 API
node-html-to-image (轻量快速)playwright (用户要求精美/复杂效果时)用户说: "帮我把这段话做成好看的分享图"
AI 将：
用户说: "生成今天的日志分享图"
AI 将：
~/PhoenixClaw/Journal/daily/YYYY-MM-DD.md用户说: "把今天的对话做成总结图"
AI 将：
分析用户请求，识别内容类型：
| 内容类型 | 识别方式 | 示例 |
|---|---|---|
| 单条消息 | 用户直接提供文本 | "帮我把这段话做成图片" |
| PhoenixClaw 日志 | 用户提及日志/日记 | "生成今日日志图" |
| 聊天记录 | 用户提及对话/聊天 | "把今天的对话做成图" |
| 引用/金句 | 文本包含引号或哲理内容 | 名言警句 |
根据内容类型自动选择最佳模板：
quote-card - 金句/引用卡片
moment-card - 瞬间/时刻卡片
daily-journal - 日记编辑风格
social-share - 社交媒体卡片
dashboard - 数据仪表盘
根据选定模板，填充内容生成 HTML：
assets/templates/{template-name}.html{{TITLE}} - 标题{{CONTENT}} - 主要内容{{DATE}} - 日期{{MOOD}} - 心情文字{{ENERGY}} - 能量值{{IMAGE_URL}} - 图片 URLassets/css/base-styles.css使用本地脚本生成图片：
# 调用本地生成脚本
node scripts/generate-image.js \
--template quote-card \
--content '{"QUOTE":"行动是治愈恐惧的良药","AUTHOR":"威廉·詹姆斯"}' \
--output ~/OpenClaw/Visuals/output.png
渲染引擎选择:
node-html-to-image): 轻量快速，适合大多数场景playwright): 当用户要求"精美/复杂/高级"效果时自动切换脚本返回 JSON 结果：
{
"success": true,
"outputPath": "/Users/xxx/OpenClaw/Visuals/output.png",
"renderer": "nodejs",
"template": "quote-card",
"dimensions": { "width": 800, "height": 800 }
}
OpenClaw 读取生成的图片文件并发送给用户。
适用场景: 名言、哲理、简短感悟
布局:
┌─────────────────────┐
│ │
│ "引用内容" │
│ │
│ —— 作者/来源 │
│ │
│ [装饰元素] [日期] │
└─────────────────────┘
样式特点:
变量:
{{QUOTE}} - 引用内容{{AUTHOR}} - 作者/来源{{DATE}} - 日期 (可选){{THEME}} - 配色主题 (purple/blue/orange)适用场景: 单张照片 + 描述
布局:
┌─────────────────────┐
│ [照片] │
│ │
│ 🕐 时间 │
│ │
│ 描述文字... │
│ │
│ [心情 emoji] │
└─────────────────────┘
样式特点:
变量:
{{IMAGE_URL}} - 照片 URL (需为公开可访问){{TIME}} - 时间{{DESCRIPTION}} - 描述{{MOOD}} - 心情 emoji适用场景: PhoenixClaw 完整日志
布局:
┌─────────────────────┐
│ 📅 日期 星期 │
│ 😊 心情 ⚡ 能量 │
│ ───────────────── │
│ ✨ Highlights │
│ • 成就1 │
│ • 成就2 │
│ │
│ 🖼️ Moments │
│ [照片] [照片] │
│ │
│ 💭 Reflections │
│ 反思内容... │
│ │
│ 🌱 Growth │
│ 成长笔记... │
└─────────────────────┘
样式特点:
变量:
{{DATE}} - 日期{{WEEKDAY}} - 星期{{MOOD}} - 心情{{ENERGY}} - 能量{{HIGHLIGHTS}} - 亮点列表{{MOMENTS}} - 瞬间列表{{REFLECTIONS}} - 反思{{GROWTH}} - 成长笔记适用场景: 分享亮点/成就
布局:
┌─────────────────────────────┐
│ │
│ ✨ 今日亮点 │
│ │
│ "完成了重要里程碑" │
│ │
│ 📊 3 个任务完成 │
│ 🎯 效率 95% │
│ │
│ [Logo] │
└─────────────────────────────┘
样式特点:
变量:
{{TITLE}} - 标题{{SUBTITLE}} - 副标题{{STATS}} - 统计数据{{DATE}} - 日期适用场景: 周/月度汇总
布局:
┌──────────────────────────────────────┐
│ 📊 本周总结 2026-W05 │
│ ─────────────────────────────────── │
│ [心情趋势图] [能量分布图] │
│ │
│ 关键指标: │
│ ✅ 完成: 15 📝 日记: 7 📸 照片: 12 │
│ │
│ 时间线: │
│ Mon → Tue → Wed → Thu → Fri │
└──────────────────────────────────────┘
样式特点:
变量:
{{PERIOD}} - 周期 (本周/本月){{DATE_RANGE}} - 日期范围{{MOOD_DATA}} - 心情数据{{ENERGY_DATA}} - 能量数据{{STATS}} - 统计数据{{TIMELINE}} - 时间线事件安装依赖:
cd skills/openclaw-visual
npm install
(可选) 安装 Playwright - 用于高级渲染:
npm install playwright
npx playwright install chromium
在 ~/.openclaw/visual/config.yaml 中可配置：
# 默认模板
default_template: "quote-card"
# 默认配色主题
default_theme: "light" # light/dark/accent/blue
# 渲染引擎
renderer: auto # auto | nodejs | playwright
# auto 模式: 默认 nodejs, 用户要求"精美/复杂"时自动切换 playwright
# 输出设置
output:
path: "~/OpenClaw/Visuals/"
format: "png" # png | jpeg
quality: 90 # JPEG 质量 (1-100)
用户: "帮我把这句话做成图片: '行动是治愈恐惧的良药'"
AI:
quote-card 模板node scripts/generate-image.js \
--template quote-card \
--content '{"QUOTE":"行动是治愈恐惧的良药","AUTHOR":"威廉·詹姆斯","THEME":"light"}' \
--output ~/OpenClaw/Visuals/quote-20240201.png
用户: "生成今天的日志分享图"
AI:
~/PhoenixClaw/Journal/daily/2026-02-01.mddaily-journal 或 social-share 模板用户: "把今天的对话做成总结图"
AI:
~/.openclaw/sessions/, ~/.openclaw/agents/, ~/.openclaw/cron/runs/, ~/.agent/sessions/）今日记录dashboard 或 social-share 模板references/templates.md - 模板设计规范references/content-parsing.md - 内容解析规则references/rendering-setup.md - 本地渲染配置assets/templates/ 创建新的 .html 文件references/templates.md 添加文档config.yaml 中的主题选项{{THEME}} 变量使用 Lucide 风格 SVG 图标，替代所有 emoji：
OpenClaw Visual - 让每一条记录都值得被看见
Passive journaling skill that scans daily conversations from ALL session paths (main, agents, cron) via cron to generate markdown journals using semantic understanding. Use when: - User requests journaling ("Show me my journal", "What did I do today?") - User asks for pattern analysis ("Analyze my patterns", "How am I doing?") - User requests summaries ("Generate weekly/monthly summary")
Passive financial tracking plugin for PhoenixClaw. Automatically detects expenses and income from conversations and payment screenshots. Use when: - User mentions money/spending (any language) - User shares payment screenshots (WeChat Pay, Alipay, etc.) - User asks about finances ("How much did I spend?", "My budget") - User wants expense reports ("Monthly summary", "Spending analysis")
AI-powered startup mindset coach that helps founders upgrade their thinking patterns, track mental model progress, and set weekly challenges. Use when: - User is a startup founder seeking to improve their entrepreneurial mindset - User wants to detect and overcome low-level thinking patterns - User needs guidance on applying mental models (PMF, 4Ps, NFX frameworks) - User wants to set and track weekly challenges - User requests a weekly progress report - User is discussing startup challenges and needs Socratic questioning