公众号排版更痛的，往往不是写，而是调样式

公众号排版最痛的不是写，是调样式——而 gzh-design-skill 把「调样式」交给了一套组件库和校验脚本。

01 它是什么：一套可复用的排版引擎

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 三种安装方式，挑顺手的

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 怎么用：一句话排版

USAGE · 流程

典型流程只有六步：选主题 → 读组件库 → 解析 Markdown → 装配 HTML → 校验 → 输出。

中间步骤你几乎不用操心。

给一篇稿件 + 指定主题，或直接说「自动排」，Agent 会替你做这几件事：

• 按 ## 自动给章节编号（末章用 ∞ 变体）。
• 给每段主动标 1–3 个关键词下划线，突出核心观点。
• 提炼开头引言卡与 3 个核心看点目录，读者一眼抓重点。
• 处理代码块、图片、GIF，并规范中文全角标点。
• 在文末合并一处作者签名区，避免重复落款。

最后会生成两份产物：

• 一份是纯正文片段，手动粘贴兜底
• 一份是带「复制到公众号」按钮的预览页

浏览器打开点一下，去编辑器 /Ctrl+V 即可。

04 6 套内置主题，挑一套气质

THEMES · 主题

内置 6 套精选主题，覆盖绝大多数公众号题材。

每套都是自成体系的厚组件库，包含设计变量、数十个精细组件、视觉层级表与配方表。

01 摸鱼绿（默认）

教程、测评、清单、工具盘点。卡片丰富、信息密度高。

02 红白色系

深度分析、观点、力量感话题。经典编辑风。

03 石墨极简风

设计、科技评论、专业观点、高端品牌。

04 留白禅意风

禅意、极简生活、深度随笔。呼吸感最强。

05 摸鱼票据风

工具对比、创意评测。票据视觉隐喻。

06 橄榄手记

内刊手记、深度评测、案例复盘。编辑部内刊质感。

不够用？用一句话描述或一张参考图，就能让 AI 现造一套新主题并登记复用。