公众号排版最痛的不是写，是调样式——而 gzh-design-skill 把「调样式」交给了一套组件库和校验脚本。
01
PART
它是什么：一套可复用的排版引擎
WHAT · 定义
每次在公众号后台排版，都要和编辑器搏斗：从 Word 粘进来的格式全乱、换台电脑样式丢失、想加一条下划线要翻三层菜单。
gzh-design-skill 的思路很直接：你只管写 Markdown（或丢给它 Word / PDF / 纯文本），它产出一段「样式全内联、粘贴进公众号编辑器不掉格式」的 HTML。
需要说清一点：它只排版，不代写文章。先有稿，再用它。
gzh-design-skill 是一个给 AI Agent（Claude Code / Codex / Cursor 等）用的公众号排版 Skill，本质是一套「主题组件库 + 排版工作流 + 校验脚本」。
核心资产是 references/ 下 6 套主题组件库，每套都含设计变量、完整组件 HTML、文章骨架与配方表。
✦ 开源协议
项目以 AGPL-3.0 开源，任何人可装、可改、可贡献主题。
02
PART
三种安装方式，挑顺手的
INSTALL · 安装
装到哪？只要是能读取 skills 目录的 Agent（Claude Code / Codex / Cursor 等）都能用。下面三种方式，选最顺手的。
01 一行命令（推荐）
用 skills 安装器直接拉取，最省事。
npx skills add https://github.com/isjiamu/gzh-design-skill
02 让 AI 自己装
对 Claude Code / Codex / Cursor 等任意 Agent 说一句：「请帮我查找并自动安装 https://github.com/isjiamu/gzh-design-skill 这个 skill」，它会自行 clone 到对应的 skills 目录。
03 手动 clone
熟悉命令行的，直接克隆到 skills 目录。
git clone https://github.com/isjiamu/gzh-design-skill.git ~/.claude/skills/gzh-design
装好后，直接对 Agent 说：「用摸鱼绿把这篇文章排成公众号 HTML：article.md」。
03
PART
怎么用：一句话排版
USAGE · 流程
典型流程只有六步：选主题 → 读组件库 → 解析 Markdown → 装配 HTML → 校验 → 输出。中间步骤你几乎不用操心。
给一篇稿件 + 指定主题（或说「自动排」），Agent 会替你做这几件事：
1
按 ## 自动给章节编号（末章用 ∞ 变体）。
2
给每段主动标 1–3 个关键词下划线，突出核心观点。
3
提炼开头引言卡与 3 个核心看点目录，读者一眼抓重点。
4
处理代码块、图片、GIF，并规范中文全角标点。
5
在文末合并一处作者签名区，避免重复落款。
最后生成两份产物：一份是纯
正文片段（手动粘贴兜底），一份是带「复制到公众号」按钮的预览页——浏览器打开点一下，去编辑器 ⌘/Ctrl+V 即可。
04
PART
6 套内置主题，挑一套气质
THEMES · 主题
内置 6 套精选主题，覆盖绝大多数公众号题材；每套都是自成体系的厚组件库（设计变量 + 数十个精细组件 + 视觉层级表 + 配方表）。
01 摸鱼绿（默认）
教程、测评、清单、工具盘点（卡片丰富、信息密度高）。
02 红白色系
深度分析、观点、力量感话题（经典编辑风）。
03 石墨极简风
设计、科技评论、专业观点、高端品牌。
04 留白禅意风
禅意、极简生活、深度随笔（呼吸感最强）。
05 摸鱼票据风
工具对比、创意评测（票据视觉隐喻）。
06 橄榄手记
内刊手记、深度评测、案例复盘（编辑部内刊质感）。
不够用？用 一句话描述或一张参考图，就能让 AI 现造一套新主题并登记复用。
