Claude Code skill: 抽爆款公众号文章的排版骨架,灌入你选定的配色输出 HTML(已测:Opus 4.7)
概览
一个 Claude Code 自定义 skill:把别人爆款公众号文章的**(组件顺序、章节分布、金句位置)抽出来,用你选定的配色重新排自己的稿子。 本 skill ,其他模型(Sonnet / Haiku / 更早版本的 Opus),行为未知。 原因:mofang 的核心环节(可行性自评、骨架抽象、组件复刻)高度依赖模型的视觉-结构映射能力和长上下文稳定性,较弱的模型可能在以下环节翻车: - 第二步"可行性自评"打分不准,给红灯文章开绿灯 - 第五步"逐组件复刻"丢失细节或乱套模板 - 第四步色板确认时被 1-5 数字选项误导 你看到一篇排版很好看的公众号文章,想"照着这个骨架排我自己的稿子"——但手动照抄样式又费时间、又容易抄成"形似神不似"。 1. :脚本扫描参考文章的 HTML,识别出"章节头/引言块/金句卡片/正文段落"等组件的顺序清单 2. :模型对参考文章做一次诚实打分,告诉你"这篇值不值得抄、预估相似度多少、有哪些坑"——避免你在一篇 SVG 密集型或深度定制型文章上浪费几万 token 最后做出来不像 3. :5 种配色来源(内置主题 / 抽源码色 / 从图片抽 / 品牌色 / 风格描述),你选一种 4. :文字是你 Markdown 草稿里的,骨架是参考文章的,配色是你选的 1. 确保你在用 Claude Code,并且装了 Python 3 + requests(抓 URL 用,本地文件不需要) 2. 把本仓库克隆到 Claude 的 skills 目录: 3. 重启 Claude Code(或新开一个会话)。输入 /mofang 应该能看到提示。
README
mofang — 公众号骨架模仿器
一个 Claude Code 自定义 skill:把别人爆款公众号文章的结构节奏(组件顺序、章节分布、金句位置)抽出来,用你选定的配色重新排自己的稿子。
骨架 + 皮肤两层解耦:骨架抄参考文章,配色你自己选;只抄骨架,不抄内容。
⚠️ 兼容性说明
本 skill 只在 Claude Opus 4.7 上测试通过,其他模型(Sonnet / Haiku / 更早版本的 Opus)均未测试,行为未知。
原因:mofang 的核心环节(可行性自评、骨架抽象、组件复刻)高度依赖模型的视觉-结构映射能力和长上下文稳定性,较弱的模型可能在以下环节翻车:
- 第二步"可行性自评"打分不准,给红灯文章开绿灯
- 第五步"逐组件复刻"丢失细节或乱套模板
- 第四步色板确认时被 1-5 数字选项误导
如果你用其他模型跑通了(或踩坑了),欢迎提 issue。
这个 skill 解决什么问题
你看到一篇排版很好看的公众号文章,想"照着这个骨架排我自己的稿子"——但手动照抄样式又费时间、又容易抄成"形似神不似"。
mofang 的做法:
- 抽骨架:脚本扫描参考文章的 HTML,识别出"章节头/引言块/金句卡片/正文段落"等组件的顺序清单
- 可行性自评:模型对参考文章做一次诚实打分,告诉你"这篇值不值得抄、预估相似度多少、有哪些坑"——避免你在一篇 SVG 密集型或深度定制型文章上浪费几万 token 最后做出来不像
- 配色引导:5 种配色来源(内置主题 / 抽源码色 / 从图片抽 / 品牌色 / 风格描述),你选一种
- 按骨架 + 色板生成 HTML:文字是你 Markdown 草稿里的,骨架是参考文章的,配色是你选的
安装
- 确保你在用 Claude Code,并且装了 Python 3 +
requests(抓 URL 用,本地文件不需要) - 把本仓库克隆到 Claude 的 skills 目录:
git clone https://github.com/lunaark/mofang-skill.git ~/.claude/skills/mofang
- 重启 Claude Code(或新开一个会话)。输入
/mofang应该能看到提示。
用法
标准触发
/mofang
例如:
/mofang https://mp.weixin.qq.com/s/xxx ~/Desktop/我的稿子.md
自然语言触发
也可以直接说:
- “模仿这篇排版 https://mp.weixin.qq.com/s/xxx”
- “抄一下这个骨架 https://mp.weixin.qq.com/s/xxx”
- “按这个公众号文章的节奏帮我排版 xxx.md”
工作流程(6 步)
- 抽骨架 —— 脚本输出组件清单
- 可行性自评 —— 模型给出预估相似度(红/黄/绿灯)+ 风险提示
- 确认骨架 —— 你拍板,骨架 OK 才继续
- 选配色 —— 5 种配色来源二选一
- 生成 HTML —— 按骨架 + 色板渲染
- 输出文件 —— 保存到
/-wechat.html
⚠️ 哪些参考文章适合 / 不适合模仿
✅ 适合:章节结构规整,组件种类少(3-8 类),同类组件样式一致,主色 ≤ 3 种。
🚫 不适合(在第二步自评时会给 🔴 红灯):
| 类型 | 特征 | 问题 |
|---|---|---|
| SVG 密集型 | 整篇大量 SVG 画图标、装饰、标题(设计师作品、数据可视化文章) | 微信对 SVG 支持不稳定,skill 会降级为段落,核心视觉丢失 |
| 深度定制型 | 每个章节换一套设计(横向滑动目录、flex 多层章节头、每 PART 不同配色) | 组件无法抽象成可复用模板,硬抄耗 token 且不像 |
如果你扔了一篇这种文章进来,skill 会劝你换一篇或改用内置主题。
内置主题
themes/yuelu-zaowu.yaml 是月鹿造物的专属配色(莫兰迪绿灰 + 橘棕 + 米白),作为示例主题。
想建自己的主题,照着 themes/_template.yaml 复制一份、填上你的色号即可。
目录结构
mofang/
├── SKILL.md # skill 核心说明(Claude 读这个)
├── README.md # 本文件
├── scripts/
│ ├── extract_skeleton.py # 抽骨架
│ └── extract_palette.py # 抽配色 / 从主色推导色板
├── references/
│ ├── components.md # 组件 HTML 模板(占位符版)
│ └── component-map.md # 骨架类型 → 组件映射
└── themes/
├── _template.yaml # 新主题模板
└── yuelu-zaowu.yaml # 月鹿造物示例主题
边界
- ✅ 只做公众号,不做小红书 / 即刻
- ✅ 支持任意配色
- ❌ 不抓需要登录的文章
- ❌ 不复制模仿对象的文字内容,只抄骨架
- ⚠️ 只在 Opus 4.7 上测试过
License
MIT
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add lunaark/mofang-skill