给公众号排过版的人都知道那种痛苦：写完稿，还要在编辑器里调字号、调行距、调间距，重复劳动拉满。开源项目 gzh-design-skill（作者 @isjiamu）把这活儿交给了 AI Agent：装好 skill 后，对它说「用摸鱼绿把这篇文章排成公众号 HTML」，它就走一条固定流水线——选主题确认 → 读组件库 → 解析 Markdown → 装配 HTML → 跑校验 → 输出带复制按钮的预览页。
它比"拿 AI 随手生成一段 HTML"讲究的地方有三点：
<style> 块，样式必须全部内联；position、float、@media、transform 也会被过滤，skill 从源头回避。validate_gzh_html.py 合规校验（查禁用属性），源码过 component_lint.py 源头检查，生成即交付但不裸奔。安装只要一行：npx skills add https://github.com/isjiamu/gzh-design-skill，或 clone 到 ~/.claude/skills/gzh-design。
下面是把这条流水线在浏览器里跑起来的迷你版：左边贴 Markdown，右边实时生成全内联样式的公众号 HTML（外部样式一个没用），点复制后可直接粘进公众号编辑器。这是对这个 skill 核心思路的实现，不是接口搬运。