LM

lunaark/mofang-skill

数据科学与机器学习
8 stars 质量 47 趋势 16MIT

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 的做法:

  1. 抽骨架:脚本扫描参考文章的 HTML,识别出"章节头/引言块/金句卡片/正文段落"等组件的顺序清单
  2. 可行性自评:模型对参考文章做一次诚实打分,告诉你"这篇值不值得抄、预估相似度多少、有哪些坑"——避免你在一篇 SVG 密集型或深度定制型文章上浪费几万 token 最后做出来不像
  3. 配色引导:5 种配色来源(内置主题 / 抽源码色 / 从图片抽 / 品牌色 / 风格描述),你选一种
  4. 按骨架 + 色板生成 HTML:文字是你 Markdown 草稿里的,骨架是参考文章的,配色是你选的

安装

  1. 确保你在用 Claude Code,并且装了 Python 3 + requests(抓 URL 用,本地文件不需要)
  2. 把本仓库克隆到 Claude 的 skills 目录:
git clone https://github.com/lunaark/mofang-skill.git ~/.claude/skills/mofang
  1. 重启 Claude Code(或新开一个会话)。输入 /mofang 应该能看到提示。

用法

标准触发

/mofang  

例如:

/mofang https://mp.weixin.qq.com/s/xxx ~/Desktop/我的稿子.md

自然语言触发

也可以直接说:

工作流程(6 步)

  1. 抽骨架 —— 脚本输出组件清单
  2. 可行性自评 —— 模型给出预估相似度(红/黄/绿灯)+ 风险提示
  3. 确认骨架 —— 你拍板,骨架 OK 才继续
  4. 选配色 —— 5 种配色来源二选一
  5. 生成 HTML —— 按骨架 + 色板渲染
  6. 输出文件 —— 保存到 /-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

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add lunaark/mofang-skill
新手?先看 mcpskill.org 教程 →