Initial commit: Hermes Agent skills collection

- Trading skills (OKX, dividend, lottery, quantitative)
- Creative skills (ASCII art, diagrams, video)
- Development skills (GitHub, debugging, TDD)
- Research skills (arXiv, blog monitoring)
- Productivity skills (email, documents, notes)
- MCP integration skills
- Custom user skills

social-media/xiaohongshu-style/SKILL.md

@@ -0,0 +1,115 @@
+---
+name: xiaohongshu-style
+description: 小红书发文风格指南。生成符合平台调性、规避风控的投资/理财/生活类内容。当用户说"发小红书"、"小红书风格"、"做成小红书内容"时使用。
+version: 1.1.0
+tags: [xiaohongshu, social-media, content, finance]
+---
+
+# 小红书发文风格指南
+
+## 核心调性
+- **人设**：真实分享者，不是专家/老师。用"我自己在用"、"分享一下"口吻
+- **语气**：轻松活泼，像跟朋友聊天。可用感叹号但不过度
+- **结构**：短段落 + 分隔线 + emoji标记，每段2-3行
+- **长度**：正文控制在 **500-650字**，用户明确要求"简洁"。1000字太长没人看。
+- **标题**：最多 **20字**（小红书限制），含emoji。例："💰月投7500｜高息股阶梯买入法"
+
+## 排版规范
+- 用 ━━━ 分隔大段落
+- 用 emoji 数字 1️⃣2️⃣3️⃣ 做列表
+- 每段开头用 emoji 点缀（💡📊🔖🎯💰📈）
+- 关键数据用 | 或 ｜ 分隔
+- 结尾必有互动引导 + 免责声明 + 标签
+
+## 风控红线（必须遵守）
+1. **不提具体股票代码/名称** → 用"某XX龙头"、"某银行股"代替
+2. **不说"推荐/建议买入"** → 用"分享思路/我的做法"
+3. **不承诺收益** → 用"按X%算≈"、"预估"，必须加免责
+4. **不写具体金额** → 不写"月投7500"、"年息6300"等数字，用"每月闲钱"、"年息还不错"代替。只写百分比（股息率、PE、PB），不写绝对金额
+5. **不用"稳赚/保本/无风险"** → 违反广告法+平台规则
+6. **不引导加群/私聊/外链** → 纯内容分享，评论区自然互动
+7. **免责声明必放** → "以上纯属个人记录，不构成投资建议"
+
+## 互动设计
+- 结尾问句引导评论："你们有在做XX的吗？评论区聊聊"
+- "懂的评论区聊～" 制造信息差吸引互动
+- 适当留悬念引发好奇
+
+## 发布流程 (opencli)
+
+```bash
+# 发布笔记（需要 Chrome + opencli 浏览器扩展已连接）
+opencli xiaohongshu publish "<正文>" --title "<标题>" --images "img1.png,img2.png" --topics "高息股,港股,美股"
+
+# 保存为草稿（不直接发布）
+opencli xiaohongshu publish "<正文>" --title "<标题>" --images "img1.png" --draft
+
+# 检查连接状态
+opencli doctor
+```
+
+**⚠️ PITFALL: Browser Bridge 未连接**
+如果 `opencli doctor` 显示 `[MISSING] Extension: not connected`，自动发布不可用。
+需要：Chrome 安装 opencli 扩展 → 开启开发者模式 → 连接。
+**Fallback**: 准备好内容+图片，让用户手动发布。
+
+## 配图生成流程
+
+1. 写 HTML 卡片（单卡单文件，宽 420px）
+2. 用 browser 工具截图（`browser_navigate` → `browser_vision`，截图自动保存）
+3. 复制到 `~/.hermes/output/xhs_images/`
+4. ⚠️ **chromium snap 有 AppArmor 限制**，`--screenshot` 写文件会 permission denied。用 browser 工具代替。
+5. 每张卡片单独一个 HTML 文件，避免截到多余空白。
+
+## 配图风格（小红书卡片）
+- **工具**：生成 HTML 卡片截图，深色背景 + 亮色点缀
+- **色调**：深蓝/深灰底 + 金色/绿色/橙色数据
+- **字体**：大标题醒目，数据突出，正文简洁
+- **布局**：单图信息量要大，像"一张图讲清楚"
+- **必备元素**：标题、核心数据、emoji、免责声明小字
+
+### 卡片模板类型
+1. **数据卡**：核心数字大字体 + 对比数据
+2. **流程卡**：步骤1→2→3，箭头连接
+3. **对比卡**：左右/上下对比两种方案
+4. **清单卡**：勾选列表，每项一行
+
+### HTML卡片代码模式
+```html
+<!-- 深色背景 + 金色数据 -->
+<div style="background:#1a1a2e;color:#fff;padding:40px;font-family:sans-serif;border-radius:20px">
+  <h2 style="color:#f0c040">📊 标题</h2>
+  <div style="font-size:48px;color:#00d4aa">7.5%</div>
+  <p style="color:#aaa;font-size:12px">免责声明...</p>
+</div>
+```
+
+## 标签策略
+- 8-15个标签
+- 前3个放核心关键词（#高息股 #港股 #美股）
+- 中间放场景词（#月薪理财 #被动收入）
+- 最后放泛标签（#理财 #投资）
+- 标签之间空格分隔，不用逗号
+
+## 支持文件
+
+- `templates/xhs_card_template.html` — 深色卡片模板（数据卡+持仓卡），可直接复用修改
+- `references/publishing-workflow.md` — opencli 发布命令详解 + 故障排查
+
+## 典型结构模板
+
+```
+[吸睛开头 - 1-2句痛点/亮点]
+
+━━━━━━━━━━━━━━
+[核心内容1 - 简洁]
+[核心数据]
+━━━━━━━━━━━━━━
+[核心内容2 - 方法/步骤]
+━━━━━━━━━━━━━━
+[个人经验/纪律]
+━━━━━━━━━━━━━━
+⚠️ 免责声明
+💬 互动引导
+🏷️ #标签
+```

social-media/xiaohongshu-style/references/publishing-workflow.md

@@ -0,0 +1,53 @@
+# 小红书发布工作流
+
+## opencli 发布命令
+
+```bash
+opencli xiaohongshu publish "<content>" \
+  --title "<标题>" \
+  --images "path1.png,path2.png" \
+  --topics "标签1,标签2,标签3" \
+  --draft  # 可选：先存草稿
+```
+
+### 参数约束
+- `title`: 最多 20 字（含 emoji）
+- `content`: 笔记正文，支持换行
+- `images`: 逗号分隔，最多 9 张，支持 jpg/png/gif/webp
+- `topics`: 逗号分隔，不含 # 号
+- `--draft`: true/false，存草稿不直接发布
+
+### 前置条件
+1. Chrome 已安装 opencli 浏览器扩展
+2. 已登录小红书创作者中心
+3. `opencli doctor` 显示 Extension: connected
+
+### 故障排查
+```
+opencli doctor
+```
+- `[MISSING] Extension: not connected` → Chrome 扩展未安装/未启用
+- `BROWSER_CONNECT` 错码 → 需要重启 daemon: `opencli daemon restart`
+- 如果扩展已装但连不上 → Chrome 需要保持打开状态
+
+## 配图生成
+
+### 流程
+1. 写 HTML 卡片（单卡单文件，width: 420px）
+2. 用 Hermes browser 工具截图：
+   - `browser_navigate(url='file:///tmp/card.html')`
+   - `browser_vision(question='截图')` → 自动保存 screenshot_path
+3. 截图路径在 `/home/openclaw/.hermes/cache/screenshots/` 下
+4. 复制到 `~/.hermes/output/xhs_images/` 供 opencli 使用
+
+### ⚠️ chromium snap 限制
+snap 版 chromium 的 `--screenshot` 参数受 AppArmor 限制，写文件会 permission denied。
+**不要用** `chromium-browser --headless --screenshot=...`。
+**用** Hermes 内置 browser 工具（browser_navigate + browser_vision）。
+
+### 卡片设计规范
+- 宽度 420px，深色背景 (#1a1a2e → #16213e 渐变)
+- 金色 (#f0c040) 标题/强调
+- 青绿 (#00d4aa) 数据
+- 圆角 24px，内边距 36px 28px
+- 免责声明小字 10px #555

social-media/xiaohongshu-style/templates/xhs_card_template.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html><head><meta charset="utf-8"><style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{background:#0d1117;display:flex;flex-direction:column;align-items:center;padding:20px;font-family:-apple-system,'PingFang SC','Noto Sans SC',sans-serif}
+.card{width:420px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:24px;padding:36px 28px;color:#fff;position:relative;overflow:hidden;margin-bottom:30px}
+.card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,212,170,0.08) 0%,transparent 70%)}
+.tag{display:inline-block;background:rgba(0,212,170,0.15);color:#00d4aa;padding:4px 12px;border-radius:20px;font-size:12px;margin-bottom:16px}
+h1{font-size:22px;line-height:1.4;margin-bottom:20px;color:#f0f0f0}
+.section{margin:18px 0;padding:16px;background:rgba(255,255,255,0.04);border-radius:14px;border-left:3px solid #f0c040}
+.section-title{color:#f0c040;font-size:14px;font-weight:700;margin-bottom:10px}
+.row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
+.label{color:#8b949e;font-size:13px}
+.value{color:#00d4aa;font-size:15px;font-weight:700}
+.value-warn{color:#f0c040;font-size:15px;font-weight:700}
+.big-num{text-align:center;margin:20px 0}
+.big-num .num{font-size:52px;font-weight:900;background:linear-gradient(135deg,#00d4aa,#f0c040);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
+.big-num .unit{font-size:16px;color:#8b949e;margin-top:4px}
+.ladder{display:flex;gap:8px;margin:12px 0}
+.step{flex:1;text-align:center;padding:12px 4px;border-radius:12px;background:rgba(255,255,255,0.06)}
+.step-n{font-size:11px;color:#8b949e;margin-bottom:4px}
+.step-pct{font-size:22px;font-weight:900;color:#f0c040}
+.step-label{font-size:11px;color:#666;margin-top:4px}
+.divider{height:1px;background:rgba(255,255,255,0.08);margin:16px 0}
+.footer{font-size:10px;color:#555;line-height:1.6;margin-top:20px}
+.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
+.stock-item{padding:10px;background:rgba(255,255,255,0.04);border-radius:10px;text-align:center}
+.stock-flag{font-size:20px}
+.stock-name{font-size:12px;color:#ccc;margin-top:2px}
+.stock-yield{font-size:18px;font-weight:900;color:#00d4aa}
+.stock-sub{font-size:10px;color:#666}
+</style></head><body>
+
+<!-- 卡片1: 数据主题卡 -->
+<div class="card">
+  <div class="tag">💰 懒人收息法</div>
+  <h1>月投7500港币<br>高息股阶梯买入</h1>
+  <div class="big-num"><div class="num">7.5%</div><div class="unit">平均股息率</div></div>
+  <div class="ladder">
+    <div class="step"><div class="step-n">第1档</div><div class="step-pct">40%</div><div class="step-label">现价买入</div></div>
+    <div class="step" style="border:1px solid rgba(240,192,64,0.3)"><div class="step-n">第2档</div><div class="step-pct">30%</div><div class="step-label">小跌加仓</div></div>
+    <div class="step"><div class="step-n">第3档</div><div class="step-pct">30%</div><div class="step-label">大跌抄底</div></div>
+  </div>
+  <div class="divider"></div>
+  <div class="section">
+    <div class="section-title">📊 收息预估</div>
+    <div class="row"><span class="label">年投</span><span class="value">90,000 港币</span></div>
+    <div class="row"><span class="label">第二年起年息</span><span class="value-warn">≈ 6,300</span></div>
+    <div class="row"><span class="label">第五年累计股息</span><span class="value-warn">≈ 22,000+</span></div>
+  </div>
+  <div class="footer">⚠️ 个人记录，不构成投资建议 · 股市有风险</div>
+</div>
+
+<!-- 卡片2: 持仓清单卡 -->
+<div class="card">
+  <div class="tag">📋 我的DCA组合</div>
+  <h1>7只标的 · 3档阶梯</h1>
+  <div style="color:#f0c040;font-size:13px;font-weight:700;margin:16px 0 8px">🇭🇰 港股（防守型）</div>
+  <div class="stock-grid">
+    <div class="stock-item"><div class="stock-flag">🏦</div><div class="stock-name">某保险龙头</div><div class="stock-yield">5.4%</div><div class="stock-sub">PE<7 破净</div></div>
+    <div class="stock-item"><div class="stock-flag">🏛️</div><div class="stock-name">某银行龙头</div><div class="stock-yield">6.9%</div><div class="stock-sub">PE 7 破净</div></div>
+  </div>
+  <div class="stock-grid" style="margin-top:8px">
+    <div class="stock-item"><div class="stock-flag">📡</div><div class="stock-name">某电信央企</div><div class="stock-yield">6.1%</div><div class="stock-sub">破净</div></div>
+    <div></div>
+  </div>
+  <div class="divider"></div>
+  <div style="color:#f0c040;font-size:13px;font-weight:700;margin:16px 0 8px">🇺🇸 美股（收息型）</div>
+  <div class="stock-grid">
+    <div class="stock-item"><div class="stock-flag">🏠</div><div class="stock-name">某mREIT</div><div class="stock-yield">13.2%</div><div class="stock-sub">PE 7.7</div></div>
+    <div class="stock-item"><div class="stock-flag">🚀</div><div class="stock-name">某科技BDC</div><div class="stock-yield">10.5%</div><div class="stock-sub">PE 8.5</div></div>
+  </div>
+  <div class="stock-grid" style="margin-top:8px">
+    <div class="stock-item"><div class="stock-flag">💼</div><div class="stock-name">某最大BDC</div><div class="stock-yield">10.2%</div><div class="stock-sub">PE 11.7</div></div>
+    <div class="stock-item"><div class="stock-flag">📱</div><div class="stock-name">某电信巨头</div><div class="stock-yield">4.9%</div><div class="stock-sub">PE 7.5</div></div>
+  </div>
+  <div class="divider"></div>
+  <div class="section" style="border-left-color:#00d4aa">
+    <div class="section-title" style="color:#00d4aa">🎯 5条纪律</div>
+    <div style="font-size:13px;color:#ccc;line-height:2">① 每月固定操作 ② 没到价位不动<br>③ 股息复投 ④ 只选盈利高分红<br>⑤ 港美股各半</div>
+  </div>
+  <div class="footer">⚠️ 个人记录，不构成投资建议 · 💬 评论区交流</div>
+</div>
+
+</body></html>