@topmindspace/tms-skills 0.4.1 → 0.5.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [0.5.0] - 2026-09-29
+
+> 根包 0.4.1 → **0.5.0**（minor，本轮是功能轮）；技能版本：topmind-x-article 0.1.0 → **0.2.0**、
+> topmind-cover 保持 0.2.0（纯文档新增）、topmind-wechat-post 保持 0.1.0（纯文档）、top-ppt-html 保持 0.2.1（无变更）。
+
+### topmind-x-article 0.2.0（新功能：HTML 一键复制发布链路）
+
+- 新增 `scripts/md2x-html.py`：原稿 → 单文件 HTML（内联样式 + 配图 base64 内嵌 +
+  页顶「一键复制全文」+ 每图 `[图N]` 编号/下载按钮 + 每提示词块「复制提示词」按钮 + 封面仅预览/下载）
+- 按 X 编辑器真实语法重写（v3）：提示词块改 `<blockquote>`（X 不识别粘贴的 `<pre>` 为代码块，
+  原生代码块只能走 Insert 菜单）；`#` 标题不进剪贴板（手动填 X 标题栏）；复制前 JS 自动剥离按钮/UI；
+  GFM 表格转列表（X 粘贴丢弃 `<table>`）；新增有序列表、裸链接转超链接
+- 提示词复制双通道文档：作者侧用 HTML「复制提示词」按钮（发布前取用文本）；
+  读者侧一键复制必须转为 X 原生 Code 块（Insert → Code 手动逐块转换，原生代码块带 native copy button）
+- README 中英重写用法（HTML 首选、txt 兜底）
+
+### topmind-cover（文档，保持 0.2.0）
+
+- 新增 `references/cover-prompts.md`（436 行）：11 风格可直接拷贝的中文提示词手册 +
+  参考图复刻学习区（设计语言拆解 + 学习版提示词 + 原创红线）+ 外部调研
+  （小红书六大高互动类型各 1 条、YouTube 高 CTR 范式、公众号/X 规则，8 个来源链接）+
+  14 种内容类型场景组合推荐表 + 通用负面提示词中英 + 变量速查表
+
+### topmind-wechat-post（文档，保持 0.1.0）
+
+- `references/wechat-constraints.md`：已发布正文不可能保留 JS 复制按钮（JS 被剥离，
+  第三方排版器的复制按钮只存在于其本地预览页）；代码围栏只负责高亮/折行/可读性，
+  不得在正文中承诺「一键复制」；需复制即用走评论区置顶/附件/小程序文档等站外链路
+
+### 文档与元数据
+
+- 根 README 中英：技能表（x-article 0.2.0 + 新描述）、安装器版本 0.5.0、钉版本示例 `@0.5.0`
+- 四技能 README 中英「同 tag」引用全部 → `@topmindspace/tms-skills@0.5.0`
+- `docs/PUBLISHING.md`：当前线（安装器 0.5.0、x-article 0.2.0）与整仓同 tag 示例 v0.5.0
+
 ## [0.4.1] - 2026-09-29
 
 > **本版备发**（tag v0.4.1 待打；npm 待发布；commit = 本轮审计报告落盘时的 `git log` 首条）。

package/README.en.md

@@ -63,10 +63,10 @@ npx @topmindspace/tms-skills install topmind-cover
 |-------|---------|--------------|
 | [`top-ppt-html`](./top-ppt-html/) | **0.2.1** | Formal business decks: paginated HTML + editable 16:9 PPTX; dual delivery · MD3-inspired density; 3 modes × 9 styles; strict 0/0 |
 | [`topmind-wechat-post`](./topmind-wechat-post/) | **0.1.0** | WeChat article lifecycle: package, review, 3 quality gates, inline typography & publish checklist |
-| [`topmind-x-article`](./topmind-x-article/) | **0.1.0** | X long-form one-click publish: Markdown → paste-ready plain text + cover + checklist |
+| [`topmind-x-article`](./topmind-x-article/) | **0.2.0** | X long-form one-click publish: Markdown → one-click-copy HTML (images/prompt copy) / plain-text fallback + cover + checklist |
 | [`topmind-cover`](./topmind-cover/) | **0.2.0** | Cover art for X / WeChat: striking, theme-focused; 11-style cover style library + 26 example images (incl. 3 alt samples) + 1 style overview |
 
-Installer [`@topmindspace/tms-skills`](https://www.npmjs.com/package/@topmindspace/tms-skills) is **0.4.1** (whole-repo same-tag releases).
+Installer [`@topmindspace/tms-skills`](https://www.npmjs.com/package/@topmindspace/tms-skills) is **0.5.0** (whole-repo same-tag releases).
 
 ## Install
 
@@ -76,7 +76,7 @@ Installer [`@topmindspace/tms-skills`](https://www.npmjs.com/package/@topmindspa
 npx @topmindspace/tms-skills list
 npx @topmindspace/tms-skills install top-ppt-html
 npx @topmindspace/tms-skills install top-ppt-html --to ./.claude/skills
-npx @topmindspace/tms-skills@0.4.1 install top-ppt-html   # pin
+npx @topmindspace/tms-skills@0.5.0 install top-ppt-html   # pin
 npx @topmindspace/tms-skills uninstall top-ppt-html --to ./.claude/skills
 ```
 

package/README.md

@@ -61,10 +61,10 @@ npx @topmindspace/tms-skills install topmind-cover
 |------|------|--------|
 | [`top-ppt-html`](./top-ppt-html/) | **0.2.1** | 正式商务演示：HTML 可翻页 + 16:9 可编辑 PPTX；双交付 · MD3 密度克制；三模式 × 九风格；strict 0/0 |
 | [`topmind-wechat-post`](./topmind-wechat-post/) | **0.1.0** | 公众号文章全生命周期：交付包、审校改写、质量三关、微信内联排版与发布清单 |
-| [`topmind-x-article`](./topmind-x-article/) | **0.1.0** | X 长文一键发布：Markdown 原稿转可直接粘贴的纯文本 + 封面图 + 发布清单 |
+| [`topmind-x-article`](./topmind-x-article/) | **0.2.0** | X 长文一键发布：Markdown 原稿 → 一键复制 HTML（含配图/提示词复制）/ 纯文本兜底 + 封面图 + 发布清单 |
 | [`topmind-cover`](./topmind-cover/) | **0.2.0** | 文章封面配图（X / 公众号共用）：震撼醒目主题突出；11 风格封面风格库 + 26 张示例图（含 3 张 alt 样张） + 1 张风格总览图 |
 
-安装器 [`@topmindspace/tms-skills`](https://www.npmjs.com/package/@topmindspace/tms-skills) 为 **0.4.1**（整仓同 tag 发版）。
+安装器 [`@topmindspace/tms-skills`](https://www.npmjs.com/package/@topmindspace/tms-skills) 为 **0.5.0**（整仓同 tag 发版）。
 
 > SKILL.md frontmatter 除标准 `name`/`description` 外，本仓库扩展了 `action_category` / `triggers` / `triggers_cn` / `updated` 字段供安装器与路由使用。
 
@@ -76,7 +76,7 @@ npx @topmindspace/tms-skills install topmind-cover
 npx @topmindspace/tms-skills list
 npx @topmindspace/tms-skills install top-ppt-html
 npx @topmindspace/tms-skills install top-ppt-html --to ./.claude/skills
-npx @topmindspace/tms-skills@0.4.1 install top-ppt-html   # 钉版本
+npx @topmindspace/tms-skills@0.5.0 install top-ppt-html   # 钉版本
 npx @topmindspace/tms-skills uninstall top-ppt-html --to ./.claude/skills
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topmindspace/tms-skills",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "TopMindspace 智能体技能 monorepo — 通过 npm / GitHub npx 安装技能（top-ppt-html：HTML+PPT 双交付，正式商务演示文稿）。",
   "license": "MIT",
   "author": "TopMindspace",

package/top-ppt-html/README.en.md

@@ -10,7 +10,7 @@
 **Let ideas fly — make good thinking visible.** A high-craft skill for **demo reports / formal business presentations**: **HTML + PPT dual delivery** — day-to-day, present with paginated HTML like slides; export **layout-faithful editable PPTX** when needed. **MD3-inspired**: fitting information density, restrained type / shapes / color. Core craft is layout, typography, color, and content structure — not gadget soup.
 
 - Skill id: `top-ppt-html`; brand: **TopPPT HTML**
-- Version: **v0.2.1** (same tag as `@topmindspace/tms-skills@0.4.1`)
+- Version: **v0.2.1** (same tag as `@topmindspace/tms-skills@0.5.0`)
 - **Agent entry**: `SKILL.md` → `references/playbook.md` (L1) → L2 on demand
 - **Human maintainers**: this README (install / commands / layout); do not treat it as the generation spec
 
@@ -55,7 +55,7 @@ Also: arrow-key paging; **Esc** closes modals. After style/theme change, re-run
 
 ```bash
 npx @topmindspace/tms-skills install top-ppt-html
-npx @topmindspace/tms-skills@0.4.1 install top-ppt-html
+npx @topmindspace/tms-skills@0.5.0 install top-ppt-html
 npx github:topmindspace/tms-skills install top-ppt-html
 ```
 

package/top-ppt-html/README.md

@@ -10,7 +10,7 @@
 **让 idea 飞，好想法被看见。** 为**演示报告 / 正式商务演示**而生的高品质演示文稿技能：**HTML + PPT 双交付**——日常用可翻页 HTML 等同幻灯片；需要时再导出**版式保真可编辑 PPTX**。参考 **MD3**：合适信息密度、克制文字/图形/颜色。核心工艺是版式、排版、色彩与内容组织——不是 gadget 堆砌。
 
 - 技能标识：`top-ppt-html`；品牌名：**TopPPT HTML**
-- 版本：**v0.2.1**（与 `@topmindspace/tms-skills@0.4.1` 同 tag）
+- 版本：**v0.2.1**（与 `@topmindspace/tms-skills@0.5.0` 同 tag）
 - **智能体入口**：`SKILL.md` → `references/playbook.md`（L1）→ L2 按需
 - **人类维护者**：本 README（安装 / 命令 / 目录）；勿把本文件当生成规范
 

package/topmind-cover/README.en.md

@@ -4,7 +4,7 @@
 
 A reusable skill for generating cover art for X long-form posts and WeChat articles. Goal: **striking, eye-catching, theme-focused**.
 
-- Version: **v0.2.0** (same tag as `@topmindspace/tms-skills@0.4.1`)
+- Version: **v0.2.0** (same tag as `@topmindspace/tms-skills@0.5.0`)
 
 ## Style gallery
 
@@ -12,7 +12,7 @@ A reusable skill for generating cover art for X long-form posts and WeChat artic
   <img src="https://github.com/topmindspace/tms-skills/raw/main/topmind-cover/assets/examples/overview.png" alt="topmind-cover · 11 cover-style overview" width="960" />
 </p>
 
-11 styles (clean white / background blur / paper collage / news flash / giant-type manifesto / tutorial steps / minimalist / editorial magazine / viral dry-goods / brand launch / fun IP, light-first ordering): use cases, palette stories, abstract design principles, and Chinese+English prompt recipes in [`references/cover-styles.md`](./references/cover-styles.md); full-size per-style shots in [`assets/examples/`](./assets/examples/).
+11 styles (clean white / background blur / paper collage / news flash / giant-type manifesto / tutorial steps / minimalist / editorial magazine / viral dry-goods / brand launch / fun IP, light-first ordering): use cases, palette stories, abstract design principles, and Chinese+English prompt recipes in [`references/cover-styles.md`](./references/cover-styles.md); full-size per-style shots in [`assets/examples/`](./assets/examples/). Prefer writing your own prompts and sending them straight to an image model (bypassing the skill)? See [`references/cover-prompts.md`](./references/cover-prompts.md) — a copy-paste prompt compendium plus cross-platform viral-cover research.
 
 ## Install
 

package/topmind-cover/README.md

@@ -4,7 +4,7 @@
 
 为 X 长文和公众号文章生成封面图的可复用技能。目标：**震撼、醒目、主题突出**。
 
-- 版本：**v0.2.0**（与 `@topmindspace/tms-skills@0.4.1` 同 tag）
+- 版本：**v0.2.0**（与 `@topmindspace/tms-skills@0.5.0` 同 tag）
 
 ## 风格样张
 
@@ -12,7 +12,7 @@
   <img src="https://github.com/topmindspace/tms-skills/raw/main/topmind-cover/assets/examples/overview.png" alt="topmind-cover · 11 封面风格总览" width="960" />
 </p>
 
-11 种风格（白色清新 / 背景虚化 / 纸感拼贴 / 资讯快报 / 巨字宣言 / 教程步骤 / 极简留白 / 杂志编辑 / 爆款干货 / 品牌发布 / IP 趣味，浅色优先排序）：适用场景、配色故事、抽象设计原则、中英 prompt 配方见 [`references/cover-styles.md`](./references/cover-styles.md)；单风格大图在 [`assets/examples/`](./assets/examples/)。
+11 种风格（白色清新 / 背景虚化 / 纸感拼贴 / 资讯快报 / 巨字宣言 / 教程步骤 / 极简留白 / 杂志编辑 / 爆款干货 / 品牌发布 / IP 趣味，浅色优先排序）：适用场景、配色故事、抽象设计原则、中英 prompt 配方见 [`references/cover-styles.md`](./references/cover-styles.md)；单风格大图在 [`assets/examples/`](./assets/examples/)。想自己写提示词直接给 AI 生图（不走技能流程），看 [`references/cover-prompts.md`](./references/cover-prompts.md)（可直接拷贝的提示词大全 + 全平台爆款流派调研）。
 
 ## 安装
 

package/topmind-cover/references/cover-prompts.md

@@ -0,0 +1,436 @@
+# 封面生成提示词大全（可直接拷贝给 AI 生图）
+
+> **这份文档给谁用**：你想自己写提示词、直接丢给 AI 生图工具（即梦、Midjourney、GPT-4o、Flux 等），
+> 不走 topmind-cover 技能流程时，从这里拷贝。
+> **和 `cover-styles.md` 的区别**：那份是技能内部配方（含 `{PLACEHOLDER}` 与优选组合，供 AI agent 调用）；
+> 这份是**完整、可直接粘贴**的提示词，变量用标出，选好、填好、粘贴、生成。
+>
+> 配套：`cover-styles.md`（11 风格技能配方）· `impact-language.md`（20 条冲击力设计语言）·
+> `ref-white-clean-1/2.png`（白色清新参考图）· `assets/examples/`（26 张样张）
+
+---
+
+## 0. 使用说明：三步替换法
+
+1. **选一条**：第 1 章按风格选，或第 4 章按内容类型看推荐。
+2. **填**：把等变量换成你的真实文案（**必须是真实的**，不要编造数据）。
+3. **粘贴生成**：全文（含"绝不"段）一起粘贴。尺寸见下表。
+
+### 尺寸速查
+
+| 平台 | 尺寸 | 比例 | 备注 |
+|---|---|---|---|
+| X 长文 / 通用横图 | 1200×675 | 16:9 | 本仓库样张标准，信息流通用 |
+| 公众号封面 | 900×383 | 2.35:1 | 取横图**中央**裁剪，标题必须在中央 60% 安全区内 |
+| 小红书封面 | 1080×1440 | 3:4 | 信息流占屏比横版大 40%，标题放上半部（下部会被标题栏遮挡） |
+| B站 / YouTube 封面 | 1280×720 | 16:9 | 文字 3~5 个词为佳（英文），中文 4~8 字 |
+
+### 中文准确性技巧（所有 AI 生图通用）
+
+- 标题**逐字准确**：提示词里写"标题（逐字准确）"，并把标题单独成行。
+- 标题越短越安全：4~8 字最稳，超过 12 字错字率陡增。
+- 避免生僻字、异体字；数字用阿拉伯数字（"26篇"比"二十六篇"稳）。
+- 一句话里中文不超过 15 字；除标题外不加第二处中文。
+- 生成后**逐字检查**：错 1 字就重画，不要将就。
+
+---
+
+## 1. 十一种风格完整提示词
+
+> 每条都是完整提示词，直接拷贝、填即用。
+> = 你的封面标题（4~10 字，真实文案）。"三选一"处删掉不用的两个，留一个。
+
+### 1.1 白色清新 · 干货版（学参考图 1：毛绒角色 + 悬浮卡片）
+
+```
+白色清新风中文封面。纯白 #FFFFFF 全幅底，大面积留白，底带一层极淡的纸纹。
+顶部横跨超大墨黑 #1A1A1A 粗黑中文标题""（逐字准确），1~2 行，字高冲击画面 1/3；
+标题中 1 个关键词换成品牌蓝 #2B7FFF（或橙红 #FF5A2E，二选一，每行至多 1 个变色词），
+关键词下方垫一条黄色 #FFD93B 马克笔横条（横条略宽于字、不压笔画）。
+标题下方一条浅色圆角胶囊标签行""，
+字号约为标题的 1/4，标签必须真实。
+底部 3D 毛绒质感小角色（）抱着，
+周围悬浮 3~5 张小卡片，带柔和投影，约占画面 35%，讲"正在用"的故事。
+四角点缀 2 处小星星或感叹号。★字体三选一：A 超粗黑体（力量感）/ B 圆润黑体（亲和）
+/ C 黑体 + 英文关键词斜体（国际感）。除标题、标签行外无其他文字。
+所有文字在中央垂直 60% 安全区内。横构图 16:9，1200×675。
+绝不：深底灰底；标题字高不足 1/4；一句话超 3 种颜色；大标题透视变形；装饰压笔画。
+```
+
+### 1.2 白色清新 · 人物版（学参考图 2：Q 版人物 + 工作场景）
+
+```
+白色清新风中文封面。纯白 #FFFFFF 全幅底，大面积留白。
+左侧两行大标题：第一行墨黑 #1A1A1A 粗黑""，第二行品牌蓝 #2B7FFF 粗黑
+""（逐字准确），两行字高合计冲击画面 1/3；行尾加一个蓝色感叹号装饰。
+标题下方一条浅蓝 #EAF2FF 圆角胶囊条，内写深灰小字""。
+右侧 Q 版人物工作场景（），线条干净、色彩浅亮，约占画面 40%。
+★人物三选一：A Q 版少年 / B 3D 毛绒小动物 / C 扁平插画人物（与主题职业绑定）。
+除标题、胶囊条外无其他文字。所有文字在中央垂直 60% 安全区内。
+横构图 16:9，1200×675。
+绝不：深底；标题不足 1/4；左右对半镜像分区（标题与人物上下或左右错落、拒绝呆板对半）；
+一句话超 3 种颜色；大标题透视变形。
+```
+
+### 1.3 背景虚化 · 氛围感
+
+```
+背景虚化风中文封面。浅色调虚化摄影背景
+（极端浅明度，拒绝暗黑），背景虚化带真实光斑层次。
+清晰前景主体，边缘锐利，
+约占画面 30~40%，必须与主题强绑定。
+大标题压在清晰区：深色超大粗黑中文标题""（逐字准确），单行或双行，
+字高冲击画面 1/3；标题字加一层浅色光晕衬底保证可读；
+标题中 1 个关键词换成暖橙 #FF8A3D（或品牌蓝 #2B7FFF / 朱红 #E6392B，三选一，只给一处）。
+★主体三选一：A 人物半身 / B 产品特写 / C 主题物件。
+除标题外无其他文字。光斑不进文字区。横构图 16:9，1200×675。
+绝不：暗黑虚化背景；全图均匀模糊的假虚化；标题落在虚化重灾区；一句话超 3 种颜色。
+```
+
+### 1.4 纸感拼贴 · 手作感
+
+```
+纸感拼贴风中文封面。米白底，大面积留白。
+3~5 张马卡龙浅色纸片（★三选一：A 浅蓝 #D6E9FF + 浅黄 #FFF3C4 / B 浅粉 #FFDCE5 + 浅绿 #D9F2E2
+/ C 牛皮纸 #E8DCC8 + 纯白）错位叠放拼贴，纸片带撕纸毛边与柔和投影，
+用★三选一固定：A 和纸胶带（半透明）/ B 回形针 / C 图钉。
+最大纸片中央印深色超大粗黑中文标题""（逐字准确），字高冲击画面 1/3，纸片上无第二行小字。
+1 处最小标签用朱红 #E6392B（或赭石 #B5651D）跳色，标签上手写感圈注一处。
+★字体三选一：A 超粗黑体 / B 手写体（笔画清晰可辨）/ C 黑体 + 英文小字混排。
+元素总数 ≤5。除标题、小标签短词外无其他文字。横构图 16:9，1200×675。
+绝不：深底；纸片超 5 张；CG 塑料感（必须有纸纹、毛边、投影）；大标题透视变形。
+```
+
+### 1.5 资讯快报 · 纸纹米底
+
+```
+资讯快报风中文封面。纸纹米 #F4F1E8 全幅底，带干净细腻的纸纹与一处真实纸张折痕。
+顶部眉题小字""（必须真实），字号约为标题的 1/4。
+左上纯黑单行超大粗黑中文标题""（逐字准确），字高占画面 1/3；
+标题中 1 个爆点关键词换成朱红 #E6392B 并放大到 1.5 倍（如"暴跌"），其余字纯黑。
+从标题向右下画一条朱红手绘箭头（只 1 条、不压字）。
+右下角俯视桌面静物，
+只做氛围、绝不进文字区；红色小闹钟是全图唯一的跳色。
+除标题、眉题外无其他文字。横构图 16:9，1200×675。
+绝不：两行撞色标题；标题里出现第二个彩色；静物超 3 件或压字；做旧脏纸纹。
+```
+
+### 1.6 巨字宣言 · 书法烫金
+
+```
+巨字宣言风中文封面。明亮奶油 #FAF3E7 全幅底，带细腻纸纹。
+单行超大墨黑中文标题""（逐字准确），横跨画面约 85% 宽度，字高占画面 1/3~2/5，
+标题即画面。★字形三选一：A 墨黑书法体 + 一处烫金 #C9A227 细描边（描边宽≤笔画宽 1/5）
+/ B 空心描边字（2px 深灰描边、字内留白）/ C 竖排大字。
+标题中 1 个钩子词放大到 1.5 倍。标题下方深灰陈述句副标题""（≤10 字，禁止问句），
+字号约为标题的 1/4。背景只留极淡的金色几何线条。
+除标题、副标题外无其他文字。横构图 16:9，1200×675。
+绝不：暗黑背景；问句副标题；第二处烫金；一句话超 3 种颜色；描边+阴影+立体三重叠加。
+```
+
+### 1.7 教程步骤 · 宣纸时间线
+
+```
+教程步骤风中文封面。宣纸米 #F2EDE0 全幅底，带淡墨晕染与纸纤维质感。
+顶部中央墨色毛笔书法体大标题""（逐字准确），字高占画面约 1/3；
+标题中 1 个关键词换成赭石 #B5651D，下方画一条赭石手绘波浪下划线（线宽为笔画宽 1/2、不压字）。
+底部一条赭石水平时间线，串起三个线框空心大数字，
+每数字下方一句极简短句（每句≤4 字）。
+右上角小字点睛""（≤8 字）。
+除上述文字外无其他文字。横构图 16:9，1200×675。
+绝不：步骤超 3 个；实心圆形序号章；纵向步骤卡；无纹理死白底；一句话超 3 种颜色。
+```
+
+### 1.8 极简留白 · 一处朱红点睛
+
+```
+极简留白风中文封面。冷白 #F5F6F4 全幅底，≥85% 留白，底带一层极淡的宣纸纤维纹理。
+画面只许 3 个元素：一枚朱红 #C73E2C 印泥圆点（直径约画面 2%，全图唯一的点睛色）、
+一处微小淡墨水墨笔触（如银杏叶）、一个深灰 #3A3A38 中文标题""（逐字准确，
+不用纯黑），标题字高约画面 1/6，字重 Bold、字距拉宽，置于左下安全区。
+标题字本身零装饰（不变色、不描边、不阴影、不旋转）。
+除标题外无其他文字。横构图 16:9，1200×675。
+绝不：元素超 3 个；纯黑标题；两种以上的颜色；标题贴边；死白平板底。
+```
+
+### 1.9 杂志编辑风 · 影棚颗粒
+
+```
+杂志编辑风中文封面。暖灰 #E9E5DB 全幅底，带影棚级细腻胶片颗粒。
+全幅低对比黑白人物侧脸剪影退为背景氛围（，
+不得是可识别的真实人物），不抢戏。
+标题上方一条砖红 #A63A2A 细线定调；炭黑色典雅粗体中文标题""（逐字准确，
+Noto Serif SC Bold 宋体感），字高占画面 1/4~1/3，居中偏下压在人物氛围之上；
+标题中 1 个关键词换成砖红并放大到 1.5 倍。砖红是全图唯一的强调色。
+除标题外无其他文字，留白处不加装饰字。横构图 16:9，1200×675。
+绝不：可识别的真实人物长相；左右分区；浅底深底混用；塑料感平滑人像；一句话超 3 种颜色。
+```
+
+### 1.10 爆款干货 · 深底印章
+
+```
+爆款干货风中文封面。深炭灰 #2B2B30 全幅深底，带细腻胶片噪点与一道极淡的斜向光影。
+中央米白色超粗黑中文标题""（逐字准确），字高占画面 1/3，与深底最大明度差。
+顶部小字眉题""（必须真实），字号约为标题的 1/3。
+右上角朱红 #E6392B 方形印章，内写白色小字""（必须真实），
+是全图唯一的跳色。暖橙 #FF8A3D 细线框点缀。
+标题钩子词装饰（三选一用 2~3 种）：① 1 个钩子词换朱红；② 1 个钩子词下方垫朱红实色块
+（块高为字高 1.2 倍，米白字压块上）；③ 数字钩子用暖橙马克笔圈起（只圈一处、不压笔画）。
+左下角一只小巧原创小形象（，占画面约 15%），绝不遮挡标题。
+横构图 16:9，1200×675。
+绝不：浅底；数字做成彩色大字抢标题；透视/扭曲/弧形排大标题；一句话超 3 种颜色。
+```
+
+### 1.11 品牌发布 · 深海军蓝
+
+```
+品牌发布风中文封面。深海军蓝 #0A1F44 全幅深底，带细腻星尘噪点与中央一团柔和光晕。
+顶部居中大号白色粗黑中文标题""（逐字准确），字高占画面 1/4~1/3；
+其中品牌词""下方垫荧光绿 #3DFF88 实色块（块高为字高 1.2 倍），
+字换成深海军蓝粗体压在块上；其余纯白字加一层向右下 45° 柔和投影。
+标题下一条荧光绿细线，紧跟一排浅灰白分隔符小字""。
+中央下方荧光绿发光线条勾勒的抽象产品氛围（）。
+左上预留空白 logo 区（真实 logo 后期贴图，绝不用 AI 生成 logo）。
+荧光绿是唯一的强调色。除标题、卖点小字外无其他文字。横构图 16:9，1200×675。
+绝不：渐变彩虹标题；写实产品大图/UI 截图；图标式卖点条；AI 生成 logo；
+一句话超 3 种颜色；同一字同时叠加描边和阴影。
+```
+
+### 1.12 IP 趣味 · 暖橙舞台
+
+```
+IP 趣味风中文封面。橙黄暖色 #FF9E2C → #FFC53D 全幅主色，带细腻纸纹颗粒与一团阳光光晕。
+顶部叠放深棕 #4A2C0A 超大粗黑中文标题""（逐字准确），字高占画面 1/4~1/3；
+下方深棕小字副标题""（≤12 字）。
+标题中 1 个关键词下方原位垫深棕实色块（块高为字高 1.2 倍，字换米白压块上；
+标题总字数不变，严禁复制关键词做独立元素）。
+下半部原创趣味 IP 形象（，
+暖色调，约占画面 40%，必须与主题道具绑定，不得照抄现有 IP），做记忆点舞台，绝不遮挡标题。
+右下角朱红 #E6392B 圆形印章内小字""（必须真实）。
+左下角竖排小字署名""。标题与形象上下叠放，禁止左右对半分区。
+横构图 16:9，1200×675。
+绝不：冷色调主色；巨型彩色数字做标题；塑料感平滑渲染；一句话超 3 种颜色；
+描边+阴影+立体三重叠加。
+```
+
+---
+
+## 2. 参考图复刻学习区
+
+> 仓库 references/ 下有两张用户提供的"白色清新"风格代表图。
+> **只学抽象设计语言，不抄版式**——原创红线：布局 + 配色 + 文字结构三者同时贴近即越线。
+> 下面把两张图的设计语言拆解成可直接用的"学习版"提示词，替换成你自己的标题和主题即可。
+
+### 参考图 1：毛绒角色干货图（`ref-white-clean-1.png`）
+
+**设计语言拆解**：
+- 纯白底 + 大面积留白，信息流里"透气"。
+- 标题极大：两行横跨顶部，字高冲击画面约 1/3；第一行墨黑、第二行品牌蓝撞色。
+- 装饰三件套：关键词撞色变色 / 黄色马克笔横条衬底 / 行尾感叹号。
+- 场景化插图：3D 毛绒小角色 + 悬浮卡片，讲"正在用"的故事，占画面约 35%。
+- 底部一条浅色胶囊标签行收束卖点（3 短词，`·` 分隔）。
+
+**学习版提示词（直接拷贝，填）**：
+
+```
+白色清新风中文封面，学习参考图的抽象设计语言（不复制其版式）。
+纯白 #FFFFFF 全幅底，大面积留白，带极淡纸纹。
+顶部横跨两行超大粗黑中文标题：第一行墨黑 #1A1A1A""，第二行品牌蓝 #2B7FFF
+""（逐字准确），两行字高合计冲击画面 1/3；
+其中 1 个关键词下方垫黄色 #FFD93B 马克笔横条（横条略宽于字、不压笔画），行尾加一个蓝色感叹号。
+标题下方一条浅蓝 #EAF2FF 圆角胶囊标签行""（必须真实），
+字号约为标题的 1/4。
+底部 3D 毛绒质感小角色（）与互动，周围悬浮 3~5 张小卡片，
+柔和投影，约占画面 35%，讲"正在用"的故事。
+四角至多 2 处小星星点缀。除标题、标签行外无其他文字。
+所有文字在中央垂直 60% 安全区内。横构图 16:9，1200×675。
+绝不：深底；标题字高不足 1/4；每行超 1 个撞色词；一句话超 3 种颜色；大标题透视变形。
+```
+
+### 参考图 2：Q 版人物工作场景图（`ref-white-clean-2.png`）
+
+**设计语言拆解**：
+- 纯白底 + 左文右景：左侧两行大标题（墨黑 + 品牌蓝撞色），右侧 Q 版人物工作场景。
+- 标题行尾感叹号 + 浅蓝胶囊条副标题，是亲和力的来源。
+- 场景细节丰富但浅色干净：电脑、书本、咖啡，线条干净、色彩浅亮。
+- 小装饰点到为止：星星、对话框点缀，不抢标题。
+
+**学习版提示词（直接拷贝，填）**：
+
+```
+白色清新风中文封面，学习参考图的抽象设计语言（不复制其版式）。
+纯白 #FFFFFF 全幅底，大面积留白。
+左侧两行大标题：第一行墨黑 #1A1A1A 粗黑""，第二行品牌蓝 #2B7FFF 粗黑
+""（逐字准确），两行字高合计冲击画面 1/3，行尾加一个蓝色感叹号；
+标题下方一条浅蓝 #EAF2FF 圆角胶囊条，内写深灰小字""。
+右侧，线条干净、色彩浅亮，约占画面 40%。
+2 处小星星或对话框点缀。除标题、胶囊条外无其他文字。
+所有文字在中央垂直 60% 安全区内。横构图 16:9，1200×675。
+绝不：深底；标题不足 1/4；左右对半镜像分区；一句话超 3 种颜色；大标题透视变形。
+```
+
+---
+
+## 3. 外部调研：全平台爆款封面流派
+
+> 2026-09 调研总结。核心结论：**所有平台的爆款封面都在做同一件事——3 秒内让标题被读懂**。
+> 手段各不相同，下面按平台给出可直接拷贝的提示词。
+
+### 3.1 小红书：六大高互动封面类型
+
+调研结论（来源见文末）：小红书封面首选 3:4 竖版（1080×1440，信息流占屏比横版大 40%）；
+六大高互动类型：**纯文字大字报 / 数据截图+文字 / 人物+文字 / 清单列表 / 对比图 / 信息图**；
+黄金法则：3 秒法则、缩略图测试（170×227px 下标题可读）、信息前置（核心信息放上半部，
+下部会被标题栏遮挡）、对比反差、避免模板感；
+标题标配：综艺超粗黑体 + 柔和浅黄 #FDFFA7 填充 + 粗黑描边。
+
+**类型 A · 纯文字大字报**（观点、金句类，互动率极高）：
+
+```
+小红书 3:4 竖版封面（1080×1440）。高饱和撞色背景。
+画面上方 40% 放置超大中文标题""（逐字准确），综艺感超粗黑体，
+柔和浅黄色 #FDFFA7 填充 + 粗黑描边 + 轻微白色高光，有强烈压迫感；
+标题中 1 个关键词用白色填充（其余浅黄），形成对比。
+画面两侧加入 3~5 个，只做情绪强化，不抢标题。
+高对比、高密度、强点击感。所有重要元素在安全区内，底部 120px 不放重要信息。
+绝不：极简留白；细字体；低对比浅灰字；荧光黄。
+```
+
+**类型 B · 清单列表**（干货、推荐类）：
+
+```
+小红书 3:4 竖版封面（1080×1440）。浅色干净底。
+顶部超大中文标题""（逐字准确），超粗黑体，深色字 + 粗描边，字高占画面 1/4。
+标题下方纵向排列条清单，每条格式：绿色勾选框 + 短句""（每条≤8 字），
+条目字号约为标题的 1/3，行间距宽松。
+每条条目旁配 1 个小 emoji 或小贴纸。清单是视觉主体，一目了然。
+底部 120px 不放重要信息。绝不：条目超 5 条；细字体；低对比。
+```
+
+**类型 C · 人物+文字**（个人 IP 类）：
+
+```
+小红书 3:4 竖版封面（1080×1440）。真人半身出镜，人物居中偏下，占画面约 45%，
+，眼神看向镜头，
+人物边缘有浅黄色 #FDFFA7 描边，形成清晰抠图感。
+画面顶部放置超大中文标题""（逐字准确），综艺感超粗黑体，
+浅黄色 #FDFFA7 填充 + 粗黑描边，文字占据画面上方约 40%。
+背景是，轻微虚化，不抢人物和标题。
+标题不遮挡人物眼睛和嘴巴。底部 120px 不放重要信息。
+绝不：极简留白；标题遮挡五官；荧光黄。
+```
+
+**类型 D · 对比图**（before/after 类）：
+
+```
+小红书 3:4 竖版封面（1080×1440）。左右对比构图（非镜像呆板，中间一条粗分割线）。
+左侧，上方压小标签"BEFORE"；右侧，上方压小标签"AFTER"，
+AFTER 标签用浅黄 #FDFFA7 底 + 粗黑字。
+顶部横跨超大中文标题""（逐字准确），超粗黑体，白色填充 + 粗黑描边，
+压在画面上方，不遮挡对比主体。
+高对比、一眼看懂反差。底部 120px 不放重要信息。绝不：对比不鲜明；标题过小。
+```
+
+### 3.2 YouTube / B站：高 CTR 范式
+
+调研结论：文字 **3~5 个词**（中文 4~8 字）、粗黑无衬线占画面 20~30%；
+人脸 + 真实情绪 = CTR +20~30%；好奇心缺口（给悬念不给答案）；
+对比度 7:1 以上；中央构图（主体占中央 60%）优于三分法；40~60% 留白；
+公式：1 个承诺 + 1 张脸 + 1 个道具 + 2 个主色 + ≤5 个词。
+
+**YouTube 高 CTR 封面**：
+
+```
+YouTube 16:9 封面（1280×720）。中央构图：占据中央 60% 画面，眼神看向镜头。
+左侧放置 3~5 个词的超大标题""（逐字准确），粗黑无衬线，
+白色填充 + 深色粗描边，占画面 20~30%，与视频标题不重复、只给悬念（一句话承诺）。
+只用 2 个主色，对比度 7:1 以上，主体从背景中跳出来。
+40~60% 留白，一个视觉焦点。移动端缩略图下标题清晰可读。
+绝不：超 5 个词；中性无表情；杂乱背景；标题与视频标题逐字重复。
+```
+
+### 3.3 公众号 / X：信任感范式
+
+公众号与 X 长文封面拼的是**信任感 + 主题清晰**，不是纯点击率。
+用第 1 章的 white-clean / magazine / news-flash 即可，记住两条平台规则：
+
+- **公众号**：900×383 是从横图**中央裁剪**的——标题和关键元素必须在中央 60% 安全区内，
+否则会被裁掉。生成时用 16:9 出图，标题居中。
+- **X**：1200×675 全显示，但信息流缩略图很小——标题字高 ≥1/4 是底线，冲击 1/3 最佳。
+
+### 调研来源
+
+- 小红书平台设计规范（2025-2026 调研，huashu-skills 仓库）：https://github.com/alchaincyf/huashu-skills
+- 小红书封面风格模板（黑底爆款风）：https://github.com/jackidxu/myclaw/blob/HEAD/SKILLs/black-xhs-cover/SKILL.md
+- 小红书图文爆款指导（sage 仓库 social-push 技能）：https://github.com/zhangzhengeric/sage
+- 2025 YouTube Thumbnail Design Playbook：https://ventress.app/blog/2025-youtube-thumbnail-design-playbook/
+- YouTube 缩略图优化指南：https://resizehelper.com/blog/youtube-thumbnail-optimization
+- YouTube Thumbnail Design Tips (2026)：https://www.unkoa.com/youtube-thumbnail-design-tips/
+- Thumbnail CTR Guide（claude-youtube 技能）：https://github.com/agricidaniel/claude-youtube
+- CTR Trends in YouTube Thumbnails 2026：https://www.thumbnailcreator.com/blog/ctr-trends-youtube-thumbnails-2026
+
+---
+
+## 4. 场景组合推荐（按内容类型）
+
+> 不知道选哪条？按你的内容类型查表：推荐风格 + 标题公式 + 变量填充示例（示例为虚构演示）。
+
+| 内容类型 | 推荐风格 | 标题公式 | 变量填充示例 |
+|---|---|---|---|
+| 干货清单/合集 | 1.1 白色清新干货版 / 1.10 爆款干货 | 人群/场景 + 结果承诺 | 标题"一人公司起步指南"；标签行"实测筛选 · 长文精选 · 全流程实操" |
+| 实测/评测 | 1.10 爆款干货 | 实测数字 + 翻车结果 + 省时间承诺 | 标题"提示词避坑指南"；眉题"18篇 · 逐条实测"；印章"18篇" |
+| 教程/上手指南 | 1.7 教程步骤 | "从A到B"动词句 + 步数钩子 | 标题"从想法到产品"；数字 01/02/03；短句"定方向/搭框架/快验证" |
+| 观点/深度评论 | 1.6 巨字宣言 | 反常识断言 + 陈述句注解 | 标题"慢即是快"；副标题"慢公司的效率哲学" |
+| 资讯/热点快讯 | 1.5 资讯快报 | 时间范围 + 领域 + 速览/必看 | 标题"今日AI速览"；眉题"晨间快讯 · 每日更新"；爆点词朱红 |
+| 访谈/人物特写 | 1.9 杂志编辑风 | 身份标签 + 反常识断言 | 标题"创造者访谈"；人物"穿西装的人物侧脸剪影" |
+| 产品/版本发布 | 1.11 品牌发布 | 品牌词前置 + 版本号钩子 + 卖点小字 | 标题"深蓝 OS 2.0"；卖点"更快 · 更稳 · 更懂你" |
+| 实战案例/复盘 | 1.12 IP 趣味 | 天数挑战 + 动词结果 | 标题"AI绘画挑战营"；印章"30天"；形象"戴贝雷帽的狐狸画家" |
+| 生活方式/职场日常 | 1.3 背景虚化 | 场景 + 痛点/获得 | 标题"深夜加班自救手册"；主体"一杯咖啡放在摊开的笔记本上" |
+| 手账/整理/改造 | 1.4 纸感拼贴 | 旧物/日常 + 动词改造 | 标题"手账整理术"；纸片"浅蓝+浅黄"；固定"和纸胶带" |
+| 随笔/书评/轻观点 | 1.8 极简留白 | "慢/轻/少"字眼 + 具体生活词 | 标题"慢思考"；点缀"淡墨银杏叶" |
+| 小红书种草/推荐 | 3.1-B 清单列表 | 数字 + 人群 + 结果 | 标题"5款平价好物"；条目 4 条，每条≤8 字 |
+| 小红书观点/金句 | 3.1-A 纯文字大字报 | 口语化强钩子 | 标题"别瞎选了"；背景亮黄撞色 |
+| 视频封面 | 3.2 YouTube 范式 | 3~5 词悬念（不与标题重复） | 标题"5个错误"；人物"惊讶指向身后" |
+
+---
+
+## 5. 通用负面提示词（所有风格通用，粘贴在正向提示词后面）
+
+```
+中文：绝不出现：错别字、多字、少字；绝不出现英文乱码、无意义符号；
+绝不出现可识别的真实人物长相；绝不出现水印、logo（除非后期贴图）；
+绝不深底配深字、浅底配浅字（文字与背景必须明暗对立）；
+绝不大标题透视变形、扭曲、弧形排列；绝不一句话超过 3 种颜色；
+绝不装饰压住文字笔画；绝不左右对半镜像分区（除对比图外）；
+绝不死白平板底（必须带纸纹/颗粒/光晕其一）。
+
+EN: Never include: misspelled, missing, or extra characters; garbled English or
+meaningless symbols; recognizable real people's faces; watermarks or logos
+(unless composited later); dark text on dark ground or light text on light
+ground (text must contrast against the background); perspective-warped,
+distorted, or arched main titles; more than 3 colors in one line;
+decorations covering glyph strokes; mirrored left-right split layouts
+(except comparison images); dead flat white grounds (must carry paper grain,
+film grain, or a light halo).
+```
+
+---
+
+## 附录：变量速查表
+
+| 变量 | 填什么 | 要求 |
+|---|---|---|
+| | 封面标题 | 4~10 字，真实文案，逐字准确 |
+| | 胶囊标签 | 3 短词，`·` 分隔，≤14 字，必须真实 |
+| | 注解 | 陈述句，≤12 字，禁止问句（宣言风） |
+| | 栏目/时效 | ≤10 字，必须真实（如"晨间快讯 · 每日更新"） |
+| | 印章内数据 | 必须真实，且在正文中有出处 |
+| | 插图主体 | 与主题道具绑定，讲"正在用"的故事；不得照抄现有 IP |
+| | 场景描述 | 浅色优先；背景虚化必须带光斑层次 |
+| | 分隔符小字 | `更快 · 更稳 · 更懂你`格式，≤12 字 |
+| 三选一 | 风格选项 | 删掉不用的两个，留一个；★为推荐组合 |
+
+---
+
+*文档版本：2026-09-29 · 与 topmind-cover 0.2.0 的 11 种风格、2 张参考图、26 张样张同步。
+新增风格或参考图时，请同步更新第 1~2 章。*

package/topmind-cover/references/cover-styles.md

@@ -1,5 +1,8 @@
 # 封面风格库（11 种）
 
+> 想自己写提示词直接丢给 AI 生图（不走技能流程）？看 [`cover-prompts.md`](./cover-prompts.md)——
+> 11 风格完整可拷贝提示词 + 2 张参考图复刻学习 + 全平台爆款封面流派调研。
+
 > **原创铁律**：本库示例图均为原创，只演示抽象设计原则（标题是视觉重心、信息分层、留白呼吸感、数字与关键词强调），不临摹任何第三方封面；复用时版式与配色不得与第三方封面构成实质相似——只学原则，不学版式。
 
 选风格先看题材，再看系列延续性。同一系列固定一个模板，只换主体与标题字。

package/topmind-wechat-post/README.en.md

@@ -4,7 +4,7 @@
 
 Full lifecycle for WeChat articles: delivery package, review & rewrite, three quality gates, status sync, WeChat inline typography, and publish checklist.
 
-- Version: **v0.1.0** (same tag as `@topmindspace/tms-skills@0.4.1`)
+- Version: **v0.1.0** (same tag as `@topmindspace/tms-skills@0.5.0`)
 
 ## Install
 

package/topmind-wechat-post/README.md

@@ -4,7 +4,7 @@
 
 公众号文章全生命周期：交付包、审校改写、质量三关、状态同步、微信内联排版与发布清单。
 
-- 版本：**v0.1.0**（与 `@topmindspace/tms-skills@0.4.1` 同 tag）
+- 版本：**v0.1.0**（与 `@topmindspace/tms-skills@0.5.0` 同 tag）
 
 ## 安装
 

package/topmind-wechat-post/references/wechat-constraints.md

@@ -38,6 +38,11 @@
 
 - 无代码块语法，**不要用 `<pre>`**：pre 不自动换行，窄屏横向溢出，且会被格式检测标为风险项
 - 用 `<section style="white-space:pre-wrap;word-break:break-all;">` + 等宽字体 + 深色底模拟
+- **已发布文章里不可能有一键复制按钮**（2026-09-29 核实）：公众号正文剥离 JS，
+  第三方工具的"复制代码"按钮只活在它们自己的预览页，进不了正文；编辑器原生代码块
+  也没有读者侧复制入口。``` 围栏渲染为高亮代码区（语言标签 + pre-wrap 自动折行），
+  读者靠长按/全选手动复制。需要分发"复制即用"的提示词时，走评论区置顶、附件、
+  或小程序文档等站外链路，**不要在正文里承诺一键复制**
 - 不支持 mermaid、LaTeX、SVG 内联（部分 SVG 会被剥离）
 - `<iframe>`、`<video>` 会被剥离，视频只能用公众号自带的腾讯视频/视频号组件
 - **结论**：mermaid / 公式必须预渲染成 PNG 再插图