henry-ai-skills 1.0.0

package/.claude-plugin/marketplace.json

@@ -0,0 +1,22 @@
+{
+  "name": "henry-ai-skills",
+  "owner": {
+    "name": "Henry Xue",
+    "email": "henry@findhappyman.com"
+  },
+  "metadata": {
+    "description": "Henry 的 AI 技能集合 · Claude Code 插件",
+    "version": "1.0.0"
+  },
+  "plugins": [
+    {
+      "name": "article-optimizer",
+      "description": "多平台文章优化工具：将文章适配微信公众号、X（推特）、小红书，并生成 AI 配图 Prompt",
+      "source": "./",
+      "strict": false,
+      "skills": [
+        "./article-optimizer"
+      ]
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,51 @@
+# AI Skills · Henry Xue
+
+我日常使用的 AI 技能文档，用于 Claude Code。每个技能是一个独立文件夹，包含 `skill.md`。
+
+## 安装方式
+
+### 方法一：npm（一行命令，自动安装到本地）
+
+```bash
+npm install -g henry-ai-skills
+```
+
+安装时会自动将技能文件复制到 `~/.claude/skills/`，重启 Claude Code 即可使用。
+
+> 如果用 `--ignore-scripts` 安装，可手动运行 `henry-ai-skills` 触发安装。
+
+---
+
+### 方法二：Claude Code /plugin 命令（从 GitHub 在线安装）
+
+在 Claude Code 终端中运行以下命令，将此仓库注册为插件市场：
+
+```
+/plugin marketplace add findhappyman/ai-skills
+```
+
+然后安装具体技能（以 article-optimizer 为例）：
+
+```
+/plugin install article-optimizer@henry-ai-skills
+```
+
+安装完成后直接对话即可触发，无需额外操作。
+
+---
+
+### 方法三：手动复制
+
+将对应文件夹中的 `skill.md` 内容复制到 Claude Projects 的自定义指令中，或放入 `~/.claude/skills/<skill-name>/` 目录下使用。
+
+---
+
+## 技能列表
+
+| 文件夹 | 技能名称 | 功能 |
+|--------|----------|------|
+| [article-optimizer](./article-optimizer/skill.md) | Article Optimizer | 将原始文章优化并适配微信公众号、X（推特）、小红书三个平台，同时生成 AI 配图 Prompt |
+
+## 开源协议
+
+MIT

package/article-optimizer/references/wechat-format-guide.md

@@ -0,0 +1,330 @@
+# 微信公众号排版指南
+
+## 目的
+
+将微信公众号版的 Markdown 内容转换为一个排版精美的 HTML artifact，用户可以预览，也可以在浏览器中打开后复制粘贴到微信公众号编辑器，格式完整保留。
+
+## 微信公众号 HTML 兼容性规则
+
+微信编辑器对 HTML/CSS 有严格限制，生成的 HTML 必须遵守以下规则：
+
+### 必须做的
+- 所有样式写成 inline style（`style="..."`），这是微信唯一可靠支持的方式
+- 使用 `<section>` 作为主要容器标签
+- 使用 `<span>`、`<strong>`、`<em>`、`<br>` 等基础标签
+- 图片用 `<img style="max-width: 100%; height: auto;">`
+- 正文使用 `text-align: justify`（两端对齐），提高整洁度
+
+### 绝对不能做的
+- 不用 `<style>` 标签——微信会删除
+- 不用 `<script>` 标签——微信会删除
+- 不用 CSS class 或 id——微信会删除 id，class 不生效
+- 不用 `<a>` 标签——微信正文中链接会被过滤
+- 不用 `position` 属性——微信会删掉
+- 不用 `border-radius`——微信支持不稳定
+- 不用 `<ul>`/`<ol>`/`<li>`——微信渲染不一致，改用卡片式段落或带编号的段落代替
+- 不用 `<hr>`——微信渲染不一致，用装饰元素模拟
+- 不用 `<header>`/`<footer>`/`<nav>`/`<article>`/`<div>` 等标签——用 `<section>` 替代
+- 不用外部字体、外链资源
+- 不用 `<p>` 标签——统一用 `<section>` 包裹段落，避免微信对 p 标签的默认间距干扰
+
+### 关于 linear-gradient
+微信公众号对 `background: linear-gradient(...)` 的支持**不稳定**——在部分安卓机型上不生效。在以下场景中处理：
+- 标题区域渐变背景：保留使用，因为即使不生效也会 fallback 到白色背景，不会破坏布局
+- 文字高亮效果（荧光笔底色）：保留使用，因为即使不生效文字仍然加粗可读，只是少了底色装饰
+
+不要在关键布局元素上依赖 gradient，只在装饰性元素上使用。
+
+## 设计风格
+
+**有特点但舒服**——在简约的基础上加入精致的设计细节：编号色块小标题、荧光笔高亮、大号引号装饰、卡片式列表。保持大量留白和清晰的层次感，装饰元素有节制，不花哨。
+
+## 配色方案
+
+- 主题色：`#3d7de0`（明亮蓝，用于编号色块、引用边框、高亮底色、关注引导文字等）
+- 主题色浅：`#a8c8f0`（装饰圆点中色）
+- 主题色最浅：`#d4e4f7`（装饰圆点浅色、大号引号颜色）
+- 高亮底色：`#dbeafe`（荧光笔效果的底色）
+- 正文色：`#3d3d3d`
+- 标题色：`#1a1a1a`
+- 引用/辅助文字色：`#777777`
+- 次要信息色：`#aaaaaa`
+- 淡次要信息色：`#b0b0b0`
+- 卡片/引用块背景：`#f8f9fb`
+- 细分隔线色：`#f0f0f0`
+
+如果文章主题明显偏向某个调性，可以微调主题色系（如暖色调用 `#e07d3d` 系），但要同步调整浅色和高亮色保持和谐。
+
+## 字体规范
+
+微信环境下字体由系统决定，不指定 font-family。
+
+| 元素 | font-size | line-height | color | 其他 |
+|------|-----------|-------------|-------|------|
+| 公众号名（标题区顶部） | 13px | — | #b0b0b0 | letter-spacing: 3px |
+| 文章大标题 | 24px | 1.5 | #1a1a1a | font-weight: bold; letter-spacing: 1px; 居中 |
+| 作者与日期 | 14px | 1.6 | #aaaaaa | |
+| 首段引言 | 19px | 2.0 | #555555 | 底部带细线分隔 |
+| 正文段落 | 17px | 2.0 | #3d3d3d | text-align: justify |
+| 小标题编号 | 13px | 1.8 | #ffffff | 蓝色背景色块内 |
+| 小标题文字 | 20px | 1.5 | #1a1a1a | font-weight: bold |
+| 引用文字 | 16px | 1.9 | #777777 | text-align: justify |
+| 引号装饰 | 40px | 1 | #d4e4f7 | font-weight: bold |
+| 列表项文字 | 17px | 1.8 | #3d3d3d | 卡片内 |
+| 结尾金句 | 18px | 1.9 | #1a1a1a | font-weight: bold; letter-spacing: 0.5px; 居中 |
+| 金句副文字 | 14px | — | #aaaaaa | |
+| END 文字 | 14px | — | #aaaaaa | letter-spacing: 2px |
+| 关注引导 | 17px | — | #3d7de0 | font-weight: bold |
+
+## HTML 结构模板
+
+生成的 HTML 是一个完整网页（用于 artifact 预览），内部文章区域全部用 section + inline style（用于复制到微信）。
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>公众号文章预览</title>
+  <style>
+    /* 仅用于预览容器，不会被复制到微信 */
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      background-color: #f0f0f0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 20px 0;
+    }
+    .preview-wrapper {
+      max-width: 580px;
+      width: 100%;
+      background: #ffffff;
+      box-shadow: 0 1px 4px rgba(0,0,0,0.08);
+    }
+    .copy-tip {
+      text-align: center;
+      padding: 12px 16px;
+      background-color: #2C2C2C;
+      color: #ffffff;
+      font-size: 13px;
+      line-height: 1.5;
+      position: sticky;
+      top: 0;
+      z-index: 100;
+      letter-spacing: 0.5px;
+    }
+  </style>
+</head>
+<body>
+  <div class="preview-wrapper">
+    <div class="copy-tip">💡 选中下方文章内容 → 复制 → 粘贴到微信公众号编辑器</div>
+    <!-- ====== 文章内容开始（复制这部分） ====== -->
+    <section style="padding: 0; background-color: #ffffff;">
+
+      {{标题区域}}
+      {{首段引言}}
+      {{正文内容}}
+      {{文末装饰}}
+      {{关注引导卡片}}
+
+    </section>
+    <!-- ====== 文章内容结束 ====== -->
+  </div>
+</body>
+</html>
+```
+
+## 各区域的具体 HTML
+
+### 1. 标题区域
+
+渐变背景 + 公众号名 + 标题 + 三圆点装饰 + 作者日期。
+
+公众号名固定「薛衡 HENRY」（大写英文，letter-spacing 拉开），作者名「薛衡」，日期取当天。
+
+```html
+<section style="background: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%); padding: 40px 24px 30px 24px; text-align: center;">
+  <!-- 公众号名 -->
+  <section style="font-size: 13px; color: #b0b0b0; letter-spacing: 3px; margin-bottom: 20px;">
+    薛衡 HENRY
+  </section>
+  <!-- 标题 -->
+  <section style="font-size: 24px; font-weight: bold; color: #1a1a1a; line-height: 1.5; letter-spacing: 1px; padding: 0 10px;">
+    {{文章标题}}
+  </section>
+  <!-- 三圆点装饰 -->
+  <section style="margin: 20px auto 0 auto; text-align: center;">
+    <span style="display: inline-block; width: 6px; height: 6px; background-color: #3d7de0; margin: 0 4px;"></span>
+    <span style="display: inline-block; width: 6px; height: 6px; background-color: #a8c8f0; margin: 0 4px;"></span>
+    <span style="display: inline-block; width: 6px; height: 6px; background-color: #d4e4f7; margin: 0 4px;"></span>
+  </section>
+  <!-- 作者与日期 -->
+  <section style="margin-top: 16px; font-size: 14px; color: #aaaaaa; line-height: 1.6;">
+    薛衡 · {{YYYY年M月D日}}
+  </section>
+</section>
+```
+
+### 2. 首段引言
+
+文章的第一个段落，字号稍大，底部细线分隔，营造"引言"的感觉。
+
+```html
+<section style="font-size: 19px; color: #555555; line-height: 2.0; margin: 30px 24px 25px 24px; padding: 20px 0; border-bottom: 1px solid #f0f0f0;">
+  {{第一段内容}}
+</section>
+```
+
+注意：只有第一段用这个样式。后续段落用普通正文样式。
+
+### 3. 正文内容
+
+逐段转换 Markdown 内容。
+
+**普通段落：**
+```html
+<section style="font-size: 17px; color: #3d3d3d; line-height: 2.0; margin-bottom: 20px; padding: 0 24px; text-align: justify;">
+  段落文字...
+</section>
+```
+
+**加粗重点文字（荧光笔高亮）：**
+
+对应 Markdown 中的 `**加粗文字**`，使用蓝色底色高亮效果：
+```html
+<strong style="color: #1a1a1a; background: linear-gradient(180deg, transparent 60%, #dbeafe 60%); padding: 0 2px;">重点文字</strong>
+```
+
+**小标题（对应 ## 或 ###）：**
+
+使用编号色块 + 标题文字的组合。编号从 01 开始递增。
+
+```html
+<section style="margin: 35px 24px 18px 24px; display: flex; display: -webkit-flex;">
+  <section style="display: inline-block; background-color: #3d7de0; color: #ffffff; font-size: 13px; padding: 4px 10px; font-weight: bold; letter-spacing: 1px; margin-right: 12px; line-height: 1.8; white-space: nowrap;">
+    01
+  </section>
+  <section style="display: inline-block; font-size: 20px; font-weight: bold; color: #1a1a1a; line-height: 1.5; padding-top: 1px;">
+    小标题文字
+  </section>
+</section>
+```
+
+**引用块（对应 > 内容）：**
+
+大号引号装饰 + 浅灰背景 + 蓝色左边框。
+
+```html
+<section style="margin: 20px 24px 25px 24px; padding: 25px 24px 20px 24px; background-color: #f8f9fb; border-left: 3px solid #3d7de0;">
+  <section style="font-size: 40px; color: #d4e4f7; line-height: 1; margin-bottom: 8px; font-weight: bold;">
+    "
+  </section>
+  <section style="font-size: 16px; color: #777777; line-height: 1.9; text-align: justify;">
+    引用内容...
+  </section>
+</section>
+```
+
+**列表项（对应 - 或 * 列表）：**
+
+每项独立一个浅灰卡片，带蓝色编号。编号用带圈数字 ①②③ 或普通数字。
+
+```html
+<section style="margin: 10px 24px 10px 24px; padding: 14px 18px; background-color: #f8f9fb; font-size: 17px; color: #3d3d3d; line-height: 1.8;">
+  <span style="color: #3d7de0; font-weight: bold; margin-right: 8px;">①</span>列表项内容
+</section>
+```
+
+最后一个列表项 margin-bottom 改为 20px。
+
+**结尾金句（文章最后一段如果是总结性的有力句子）：**
+
+居中显示，上下细线框住。可选——如果文章末尾没有明显的金句，就用普通段落结尾。
+
+```html
+<section style="margin: 30px 24px 20px 24px; padding: 20px; text-align: center; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;">
+  <section style="font-size: 18px; color: #1a1a1a; line-height: 1.9; font-weight: bold; letter-spacing: 0.5px;">
+    金句内容，如果太长可以用 <br> 手动换行
+  </section>
+  <section style="font-size: 14px; color: #aaaaaa; margin-top: 8px;">
+    可选的补充说明
+  </section>
+</section>
+```
+
+**正文中的分隔（对应 Markdown 的 ---）：**
+
+用三圆点装饰代替线条：
+```html
+<section style="text-align: center; margin: 30px 0;">
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #3d7de0; margin: 0 4px;"></span>
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #a8c8f0; margin: 0 4px;"></span>
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #d4e4f7; margin: 0 4px;"></span>
+</section>
+```
+
+### 4. 文末装饰
+
+同上三圆点，margin 略大：
+```html
+<section style="text-align: center; margin: 35px 0 30px 0;">
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #3d7de0; margin: 0 4px;"></span>
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #a8c8f0; margin: 0 4px;"></span>
+  <span style="display: inline-block; width: 6px; height: 6px; background-color: #d4e4f7; margin: 0 4px;"></span>
+</section>
+```
+
+### 5. 关注引导卡片
+
+```html
+<section style="margin: 0 24px 40px 24px; padding: 24px; background-color: #f8f9fb; text-align: center;">
+  <section style="font-size: 14px; color: #aaaaaa; letter-spacing: 2px; margin-bottom: 10px;">
+    — END —
+  </section>
+  <section style="font-size: 15px; color: #777777; line-height: 1.8;">
+    感谢阅读，如果觉得有启发
+  </section>
+  <section style="font-size: 17px; color: #3d7de0; font-weight: bold; margin-top: 6px; letter-spacing: 0.5px;">
+    欢迎关注「薛衡 Henry」
+  </section>
+</section>
+```
+
+## Markdown → HTML 转换规则
+
+解析微信公众号版的 Markdown 内容时：
+
+1. `### 标题：XXX` → 提取 XXX 作为文章大标题
+2. `## 小标题` 或 `### 小标题`（非"标题："和"配图 Prompt"） → 编号色块小标题，编号从 01 递增
+3. 文章第一个段落 → 首段引言样式（17px，底部细线）
+4. `> 引用内容` → 大号引号引用块
+5. `**加粗**` → 荧光笔高亮 `<strong>` 标签
+6. `*斜体*` → `<em>斜体</em>`
+7. `---` → 三圆点装饰分隔
+8. `- 列表项` 或 `* 列表项` → 卡片式列表，带 ①②③ 编号
+9. 有序列表 `1. 内容` → 同上卡片式，编号直接用数字
+10. `![alt](url)` → `<img>` 标签，提醒用户需替换为微信素材库链接
+11. 空行分隔的连续文字 → 独立段落
+12. 段落内的换行 → `<br>`
+13. 文章末尾如果有一句明显的总结性金句（通常加粗），可以使用结尾金句样式
+
+## 判断结尾金句
+
+如果文章最后一个段落满足以下条件之一，使用结尾金句样式：
+- 整段加粗（`**整段都加粗了**`）
+- 是一句简短有力的总结（通常不超过两行）
+- 带有明显的观点输出或情感收束
+
+如果最后一段是普通的收尾叙述，就用普通段落样式，不强制使用金句样式。
+
+## 重要提醒
+
+- **绝对不要修改文章内容**——只做排版，一个字都不改
+- **日期自动生成**——取当天日期
+- **图片提醒**——如果原文有图片链接，保留 img 标签但提醒用户需要手动上传到微信素材库
+- **编号连续性**——小标题的编号（01、02、03...）要全文连续递增
+- **列表编号**——无序列表统一用 ①②③，有序列表用原文的数字
+- **padding 统一**——正文区域左右 padding 统一为 24px，保持对齐
+- **不要过度使用金句样式**——一篇文章最多一处，通常在结尾

package/article-optimizer/references/x-article-format-guide.md

@@ -0,0 +1,146 @@
+# X 平台内容格式指南
+
+## 目的
+
+将微信公众号版的完整内容转换为适合 X 平台的格式。根据内容长度分两种输出：
+
+1. **X Article（长文）**：Markdown 格式，支持标题、加粗、斜体、列表
+2. **X 推文/Thread**：纯文本格式，用 Unicode 粗体模拟加粗效果
+
+---
+
+## 一、X Article 长文格式（Markdown）
+
+### 适用场景
+
+内容较长（>500 字），有结构化小标题，适合发布为 X Article。
+
+### 格式规范
+
+X Article 编辑器原生支持 Markdown 渲染，包括：
+- `## 小标题`（H2 标题，加粗加大）
+- `**加粗文字**`
+- `*斜体文字*`
+- `> 引用块`
+- `- 无序列表`
+- `1. 有序列表`
+- 换行（空行分段）
+
+### Markdown 模板
+
+```markdown
+# {{文章标题}}
+
+*薛衡 · {{Mon DD, YYYY}}*
+
+---
+
+*{{导语：从文章提炼 1-2 句核心观点，斜体}}*
+
+---
+
+## {{小标题1}}
+
+正文段落...
+
+**重点内容用加粗标记。**
+
+> 引用内容放在引用块中
+
+## {{小标题2}}
+
+正文段落...
+
+---
+
+**{{结尾金句}}**
+
+@薛衡Henry
+```
+
+### 内容转换规则
+
+1. 标题直接使用公众号版标题
+2. 从文章中提炼 1-2 句导语，用斜体标记
+3. 公众号版的编号色块小标题 → `## 小标题`
+4. 公众号版的加粗/荧光笔 → `**加粗文字**`
+5. 公众号版的引用块 → `> 引用内容`
+6. 公众号版的结尾金句 → 加粗居中
+7. 结尾互动语改为适合 X 平台的表达
+8. 不使用编号色块（01、02），用纯 Markdown 标题
+
+### 输出
+
+- 文件格式：`.md`
+- 文件名：`[主题关键词]_X_Article.md`
+- 保存到：`/mnt/user-data/outputs/`
+
+---
+
+## 二、X 推文 / Thread 格式（纯文本）
+
+### 适用场景
+
+核心内容可以在 280 字符（约 140 个中文字）以内表达 → 单条推文。
+内容较长或有多个要点 → Thread（连续推文）。
+
+### 单条推文格式
+
+```
+{{推文内容，≤280字符}}
+
+@薛衡Henry
+```
+
+### Thread 格式
+
+```
+1/N {{Thread 标题或 hook}}
+
+{{第一条内容，抓人}}
+
+---
+
+2/N {{要点一}}
+
+{{展开说明}}
+
+---
+
+...
+
+N/N {{总结或行动号召}}
+
+@薛衡Henry
+```
+
+### 加粗效果
+
+X 免费用户不支持原生加粗。如需强调，使用以下方式：
+- 用「」或【】包裹关键词
+- 或使用 Unicode 粗体字符（如 𝗔𝗕𝗖），但中文无法 Unicode 加粗，所以中文用符号强调
+
+### 内容转换规则
+
+1. 提炼文章核心观点，大幅压缩
+2. 第一条推文必须是 hook，让人想往下看
+3. 每条推文独立成段，有完整意思
+4. 最后一条总结或呼吁行动
+5. 简洁有力，每句话都要有信息量
+
+### 输出
+
+- 文件格式：`.txt`
+- 文件名：`[主题关键词]_X_推文.txt`
+- 保存到：`/mnt/user-data/outputs/`
+
+---
+
+## 重要提醒
+
+- **内容与公众号版一致**——只改格式和风格，不改核心文字
+- **日期格式**：英文月份缩写 + 日 + 年，如 Mar 28, 2026
+- **署名格式**：@薛衡Henry
+- **X Article 用 Markdown**，不用 HTML
+- **推文用纯文本**，不用 HTML
+- **整体风格**：比公众号更简洁、更直接，减少修饰性文字

package/article-optimizer/references/xiaohongshu-format-guide.md

@@ -0,0 +1,98 @@
+# 小红书笔记格式指南
+
+## 目的
+
+将微信公众号版的完整内容转换为适合小红书笔记的纯文本格式。用户可以直接复制粘贴到小红书编辑器中发布。
+
+## 设计风格
+
+**温暖、干净、手机优先**——模拟小红书 App 的阅读体验。段落简短，行距宽松，适合拇指滑动阅读。不使用 emoji，保持文字本身的质感。
+
+## 格式规范
+
+小红书笔记编辑器支持的格式：
+- **加粗文字**（编辑器内选中文字 → 点击"B"按钮）
+- 换行分段
+- 表情符号（但本指南不使用）
+
+不支持的格式：
+- HTML 标签
+- Markdown 语法
+- 自定义字体/字号
+- 标题层级（无 H1/H2）
+
+## 纯文本模板
+
+```
+{{文章标题}}
+
+薛衡 · {{YYYY.MM.DD}}
+
+——————
+
+{{导语或第一段，直接进入正文}}
+
+「{{小标题1}}」
+
+正文段落...
+
+重点内容用加粗标记（在小红书编辑器中手动加粗）。
+
+「{{小标题2}}」
+
+正文段落...
+
+引用内容可以用竖线标记：
+｜引用文字放在这里
+｜多行引用也可以
+
+「{{小标题3}}」
+
+正文段落...
+
+——————
+
+{{结尾金句}}
+
+如果你对此有任何感想，欢迎在评论区聊聊
+```
+
+## 格式标记说明
+
+由于小红书纯文本不支持 Markdown，使用以下约定标记需要加粗的文字：
+
+- **小标题**：用「」包裹，如 `「这是小标题」`。粘贴到小红书后，选中小标题文字点"B"加粗
+- **重点文字**：用 `**文字**` 标记（Markdown 风格）。粘贴后手动加粗这些文字，再删除 `**` 符号
+- **引用**：用全角竖线 `｜` 开头，视觉上模拟引用效果
+- **分隔线**：用 `——————`（六个全角破折号）
+- **不使用 emoji**
+- **不使用话题标签**（标签由用户自己在小红书编辑器中添加）
+
+## 内容转换规则
+
+使用微信公众号版的完整内容，转换时：
+
+1. 标题直接使用公众号版标题
+2. 不需要导语区分——直接进入正文
+3. 公众号版的编号色块小标题 → 用「」包裹的文字
+4. 公众号版的加粗/荧光笔 → 用 `**文字**` 标记
+5. 公众号版的引用块 → 用 `｜` 开头的引用行
+6. 公众号版的结尾金句 → 单独一行，用 `**` 标记
+7. 不使用编号（01、02...），小标题用「」即可
+8. 段落保持简短，每段 2-4 句
+
+## 输出
+
+- 文件格式：`.txt`
+- 文件名：`[主题关键词]_小红书.txt`
+- 保存到：`/mnt/user-data/outputs/`
+
+## 重要提醒
+
+- **内容与公众号版完全一致**——只改格式，不改文字
+- **纯文本输出**——不使用 HTML
+- **不使用 emoji**——保持文字质感
+- **不使用话题标签**——由用户自行添加
+- **日期格式**：YYYY.MM.DD，如 2026.03.28
+- **段落简短**：每段 2-4 句，适合手机滑动阅读
+- **加粗标记**：用 `**文字**` 在输出中标记，提示用户粘贴后手动加粗

package/article-optimizer/skill.md

@@ -0,0 +1,263 @@
+---
+name: article-optimizer
+description: "优化中文文章并生成适配微信公众号、X（推特）、小红书三个平台的版本，同时自动生成微信公众号精美排版 HTML、X Article 长文排版 HTML、小红书长文排版 HTML（均可直接复制粘贴到对应平台编辑器）。 当用户要求\"优化文章\"、\"改写文章\"、\"帮我润色\"、\"发公众号/小红书/推特\"、 \"把这篇文章改成适合社交媒体发布的版本\"、\"帮我生成多平台内容\"时触发此技能。 也适用于用户直接粘贴一篇文章并要求修改、改写、优化、或适配不同平台的情况。 当用户要求\"排版公众号文章\"、\"微信排版\"、\"公众号排版\"、\"格式化公众号\"、\"粘贴到公众号\"、\"X Article排版\"、\"小红书排版\"、\"小红书长文\"时也应触发此技能。 即使用户只提到其中一个平台，也应使用此技能，因为它包含完整的多平台适配逻辑和三平台排版功能。"
+---
+
+# 文章优化技能 (Article Optimizer)
+
+## 概述
+
+将用户提供的中文文章优化为通俗易懂、逻辑通顺的版本，并分别生成适合微信公众号、X（推特）、小红书三个平台发布的内容。同时为每个平台版本提供创意配图的 AI 生图 prompt。
+
+最终输出为一个 Markdown 文件供用户下载。
+
+---
+
+## 工作流程
+
+### 第一步：分析原文
+
+收到用户文章后，先进行分析（不要输出分析过程，直接用于指导优化）：
+
+1. **主题提炼**：文章的核心观点是什么？
+2. **受众判断**：文章面向什么样的读者？
+3. **风格识别**：原文是正式/学术/口语/叙事/议论？
+4. **问题诊断**：
+   - 是否有逻辑跳跃或断裂？
+   - 是否有晦涩难懂的表达？
+   - 是否有冗余或重复？
+   - 结构是否清晰？
+
+### 第二步：优化原文
+
+基于分析结果优化文章，遵循以下原则：
+
+- **保留原意**：这是最高优先级。不改变作者的观点和立场
+- **通俗易懂**：用更简单的词汇替换晦涩术语（必要时保留术语但加解释）
+- **逻辑通顺**：确保段落之间有清晰的逻辑衔接
+- **精简冗余**：删除重复表达，但不过度删减导致信息丢失
+- **语感自然**：读起来像人写的，不像机器翻译或 AI 生成的
+- **必要时调整结构**：如果原文的段落顺序不利于阅读体验或论点展开，可以重新编排章节顺序（例如将核心观点前置、将论据或案例后移），但调整后的结构必须仍然忠实于原文的所有内容，不遗漏、不添加
+
+### 第三步：标题创作（核心环节）
+
+标题是文章最重要的部分——决定了读者会不会点进来。必须在标题上花足够的心思。
+
+#### 标题创作原则
+
+1. **制造信息缺口**：标题要让读者觉得"不点进去就亏了"。给出一半信息，留一半悬念。避免在标题中把结论说完——说完了就没人点了
+2. **要有逻辑性**：标题本身要是一个完整的、说得通的短句或短语，不能为了吸引眼球而语法混乱或拼凑关键词
+3. **要有画面感或冲突感**：好的标题让人脑子里能浮现出一个场景，或者感受到一种张力。比如"我爸退休后干的第一件事，是让 AI 帮他炒股"就比"AI 与投资"有画面得多
+4. **不要标题党**：吸引人和标题党的区别在于——点进去之后，内容是否兑现了标题的承诺。标题可以夸张，但不能欺骗
+5. **三个平台的标题必须各不相同**：不是改几个字，而是从不同角度切入，适配各平台用户的阅读心理
+
+#### 标题创作方法
+
+每个平台至少构思 3 个备选标题，从中选出最好的一个。构思时可以从以下角度切入：
+
+- **悬念型**：抛出一个让人好奇的问题或半句话（"录了一小时才发现，声音全废了"）
+- **反差型**：利用身份、行为、结果之间的反差（"60 岁的老股民，开始写代码了"）
+- **场景型**：用一个具体场景把人拉进去（"口袋里的手机录了一路，打开一听全是杂音"）
+- **观点型**：直接亮出一个锐利的判断（"搜索引擎正在变成上一代的产品"）
+- **共鸣型**：说出读者心里想说但没说出来的话（"AI 迟早会像空气一样，没人再提它"）
+
+#### 各平台标题适配
+
+- **微信公众号**：可以稍长（15-20 字），信息量大一些，适合叙事型或悬念型标题
+- **X（推特）**：要短要锐（10-18 字），适合观点型或反差型，在信息流中一眼抓住人
+- **小红书**：口语化、有温度（12-20 字），适合场景型或共鸣型，像朋友在跟你聊天
+
+### 第四步：生成三个平台版本
+
+#### 1. 微信公众号版
+
+- **标题**：遵循第三步的标题创作方法论，从备选中挑出最佳标题。15-20 字，信息量大，有悬念或叙事感
+- **风格**：根据文章内容灵活调整——
+  - 严肃话题 → 正式但不生硬
+  - 生活/科技话题 → 轻松、有温度
+  - 观点类文章 → 有立场但不偏激
+- **排版要求**：
+  - 段落短一些（手机阅读体验），每段 3-5 句为宜
+  - 适当使用小标题分隔章节
+  - 开头要有吸引力（金句、提问、场景描写等）
+  - 结尾可以设置互动引导（但不要生硬）
+- **长度**：保持与原文相当，不需要大幅压缩
+
+#### 2. X（推特）版
+
+- **标题**：遵循第三步的标题创作方法论。10-18 字，短且锐利，适合信息流中一眼抓人
+- **形式判断规则**：
+  - 如果优化后的核心内容能在 **280 字符**（约 140 个中文字）以内表达清楚 → 生成**单条推文**
+  - 如果内容较长或有多个要点 → 生成 **thread**（连续推文），每条推文标注序号如 1/5, 2/5...
+- **风格**：
+  - 简洁有力，每句话都要有信息量
+  - 可以用更直接、更锐利的表达
+  - 适合碎片化阅读
+- **Thread 规则**（如适用）：
+  - 第一条是 hook，要抓人
+  - 每条推文独立成段，有完整意思
+  - 最后一条可以总结或呼吁行动
+
+#### 3. 小红书版
+
+- **标题**：遵循第三步的标题创作方法论。12-20 字，口语化、有温度，像朋友在聊天
+- **风格**：
+  - 保持简洁，不使用 emoji 和话题标签
+  - 口语化但不幼稚
+  - 段落简短，适合手机滑动阅读
+  - 可以用「」强调关键词
+- **结构**：
+  - 开头直接抛出核心观点或引发好奇
+  - 中间用简短段落展开
+  - 结尾一句话总结或引发思考
+- **长度**：通常比公众号版短，控制在 300-800 字
+
+### 第五步：生成配图 Prompt
+
+为每个平台版本生成 **1 个配图的 AI 生图 prompt**，要求：
+
+- **目标工具**：Midjourney（prompt 格式必须适配 Midjourney 语法）
+- **语言**：英文
+- **Midjourney 格式规范**：
+  - 不要使用完整的英文句子，使用逗号分隔的短语/关键词风格
+  - 在 prompt 末尾附加 Midjourney 参数，如 `--ar 16:9`（微信公众号封面）、`--ar 1:1`（X/推特）、`--ar 3:4`（小红书）
+  - 可酌情添加 `--style raw`、`--s` (stylize)、`--c` (chaos) 等参数
+  - 将最重要的画面描述放在 prompt 开头（Midjourney 对前置词权重更高）
+- **与文章内容紧密相关**：配图要能反映文章的核心主题或情感
+- **有创意**：不要太直白（比如文章讲 AI 就画个机器人），要有隐喻、意象或独特视角
+- **风格指引**：包含具体的画风关键词（photography, illustration, watercolor, cyberpunk, minimalist 等，视文章内容而定）
+- **构图和细节**：包含构图、色调、光影等关键词
+- **格式**：每个 prompt 控制在 30-80 词（英文短语），加上末尾参数
+
+三个平台的配图 prompt 应该各不相同，反映各平台的视觉风格差异：
+- 微信公众号：可以更正式、有质感（如杂志封面风格）
+- X：更抢眼、视觉冲击力强（信息流中要脱颖而出）
+- 小红书：更生活化、有审美感（符合小红书的视觉调性）
+
+### 第六步：生成微信公众号排版 HTML
+
+完成前五步后，额外生成一个排版精美的 HTML 文件，让用户可以直接复制粘贴到微信公众号编辑器。
+
+**操作方法**：读取 `references/wechat-format-guide.md`，按照其中的排版规范、HTML 模板和微信兼容性规则，将微信公众号版的标题 + 正文转换为全 inline style 的 HTML 文件。
+
+**关键要求**：
+- 只做排版，不改任何文字内容
+- 所有 CSS 必须写成 inline style（微信不支持 class/id/style 标签）
+- 作者名固定「薛衡」，公众号名固定「薛衡 Henry」，日期取当天
+- HTML 文件保存到 `/mnt/user-data/outputs/[主题关键词]_公众号排版.html`
+
+### 第七步：生成 X 平台内容
+
+基于微信公众号版的完整内容（标题 + 正文），生成两个 X 平台格式的文件。
+
+**操作方法**：读取 `references/x-article-format-guide.md`，按照其中的格式规范转换。
+
+**输出 1 — X Article（Markdown）**：
+- 使用微信公众号版的完整内容，不做删减
+- 输出 Markdown 格式（`## 小标题`、`**加粗**`、`> 引用`）
+- 包含导语（Lede）、正文、结尾金句
+- 作者署名 @薛衡Henry，日期英文格式
+- 保存为 `/mnt/user-data/outputs/[主题关键词]_X_Article.md`
+
+**输出 2 — X 推文/Thread（纯文本）**：
+- 大幅压缩核心观点
+- 短内容(≤280字符) → 单条推文；长内容 → Thread（1/N 格式）
+- 保存为 `/mnt/user-data/outputs/[主题关键词]_X_推文.txt`
+
+### 第八步：生成小红书笔记内容
+
+基于微信公众号版的完整内容（标题 + 正文），生成适合小红书的纯文本文件。
+
+**操作方法**：读取 `references/xiaohongshu-format-guide.md`，按照其中的格式规范转换。
+
+**关键要求**：
+- 使用微信公众号版的完整内容，不做删减
+- 输出纯文本格式（不是 HTML）
+- 小标题用「」包裹，需要加粗的文字用 `**文字**` 标记
+- 引用用全角竖线 `｜` 开头
+- 风格温暖、口语化，段落简短，适合手机滑动阅读
+- 不使用 emoji，不使用话题标签
+- 保存为 `/mnt/user-data/outputs/[主题关键词]_小红书.txt`
+
+---
+
+## 输出格式
+
+生成一个 Markdown 文件，结构如下：
+
+```markdown
+# 文章优化结果
+
+## 原文分析摘要
+
+> 简要说明做了哪些主要优化（2-3 句话）
+
+---
+
+## 一、微信公众号版
+
+### 标题：[标题，不超过20字]
+
+[正文内容]
+
+### 配图 Prompt
+
+> [英文 AI 生图 prompt]
+
+---
+
+## 二、X（推特）版
+
+### 标题/引导语：[标题，不超过20字]
+
+[正文内容 — 单条或 thread 格式]
+
+### 配图 Prompt
+
+> [英文 AI 生图 prompt]
+
+---
+
+## 三、小红书版
+
+### 标题：[标题，不超过20字]
+
+[正文内容]
+
+### 配图 Prompt
+
+> [英文 AI 生图 prompt]
+```
+
+---
+
+## 输出流程
+
+1. 先在对话中简要告诉用户做了哪些关键优化（1-2 句话即可）
+2. 生成 Markdown 文件保存到 `/mnt/user-data/outputs/` 目录
+3. 生成微信公众号排版 HTML 文件（参照 `references/wechat-format-guide.md`）
+4. 生成 X Article 排版 HTML 文件（参照 `references/x-article-format-guide.md`）
+5. 生成小红书长文排版 HTML 文件（参照 `references/xiaohongshu-format-guide.md`）
+6. 使用 `present_files` 工具将所有文件提供给用户下载——公众号 HTML 排第一位，X Article 第二，X 推文第三，小红书第四，Markdown 总览最后
+7. 文件命名格式：
+   - Markdown 总览：`[主题关键词]_优化版.md`
+   - 公众号 HTML：`[主题关键词]_公众号排版.html`
+   - X Article：`[主题关键词]_X_Article.md`（Markdown 格式）
+   - X 推文：`[主题关键词]_X_推文.txt`（纯文本）
+   - 小红书：`[主题关键词]_小红书.txt`（纯文本）
+8. 简要告知用户：
+   - 公众号：浏览器打开 HTML → 选中内容复制 → 粘贴到公众号编辑器
+   - X Article：复制 Markdown 内容 → 粘贴到 X Article 编辑器（支持 Markdown 渲染）
+   - X 推文：直接复制纯文本 → 粘贴发布
+   - 小红书：复制纯文本 → 粘贴到小红书编辑器 → 手动加粗 `**` 标记的文字
+
+---
+
+## 注意事项
+
+- **英文词汇加中文注释**：文中出现的英文单词或短语（如 thread、hook、roadmap 等）需要在后面用括号附上简短的中文解释，例如"thread（连续推文）"。但英文产品名称、品牌名、专有名词（如 ChatGPT、Midjourney、OpenClaw、GitHub、Linux 等）不需要加注释，保持原样即可
+- **不要过度改写**：用户是原作者，要尊重原文的个人风格和观点
+- **不要添加原文没有的观点**：可以补充衔接语，但不要添加新论点
+- **不要使用 AI 味重的表达**：避免"在当今社会"、"不言而喻"、"值得注意的是"等套话
+- **标题是最高优先级**：标题决定了有没有人会看这篇文章。必须严格遵循第三步的标题创作方法论，每个平台至少构思 3 个备选，选出最有吸引力且逻辑通顺的一个。三个平台的标题必须从不同角度切入
+- **配图 prompt 要具体**：不要写泛泛的描述，要有具体的画面感和创意方向

package/bin/install.js

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const os = require('os');
+
+const pkgDir = path.join(__dirname, '..');
+const claudeSkillsDir = path.join(os.homedir(), '.claude', 'skills');
+
+function copyDir(src, dest) {
+  fs.mkdirSync(dest, { recursive: true });
+  for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+// 找出所有包含 skill.md 的技能目录
+const SKIP = new Set(['.git', '.claude-plugin', 'bin', 'node_modules']);
+const skillDirs = fs.readdirSync(pkgDir, { withFileTypes: true })
+  .filter(d => d.isDirectory() && !SKIP.has(d.name))
+  .filter(d =>
+    fs.existsSync(path.join(pkgDir, d.name, 'skill.md')) ||
+    fs.existsSync(path.join(pkgDir, d.name, 'SKILL.md'))
+  );
+
+if (skillDirs.length === 0) {
+  console.log('No skills found to install.');
+  process.exit(0);
+}
+
+console.log(`\nInstalling ${skillDirs.length} skill(s) to ${claudeSkillsDir}\n`);
+
+for (const dir of skillDirs) {
+  const src = path.join(pkgDir, dir.name);
+  const dest = path.join(claudeSkillsDir, dir.name);
+  copyDir(src, dest);
+  console.log(`  ✓ ${dir.name}`);
+}
+
+console.log('\nDone! Restart Claude Code to activate the skills.');

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "henry-ai-skills",
+  "version": "1.0.0",
+  "description": "Henry 的 AI 技能集合 · Claude Code 插件",
+  "bin": {
+    "henry-ai-skills": "./bin/install.js"
+  },
+  "scripts": {
+    "postinstall": "node ./bin/install.js"
+  },
+  "files": [
+    "bin/",
+    "article-optimizer/",
+    ".claude-plugin/"
+  ],
+  "keywords": [
+    "claude",
+    "claude-code",
+    "ai-skills",
+    "skill"
+  ],
+  "author": "Henry Xue",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/findhappyman/ai-skills.git"
+  }
+}