北大AI鱼博士 · 微信公众号排版助手
Overview
本技能将用户以 [标签] 标记结构化的纯文本内容,渲染为符合「北大AI鱼博士」
公众号视觉规范的微信公众号文章,并生成可视化 HTML 预览与可直接复制进微信
编辑器的源码。只优化结构化呈现与视觉排版,绝不修改原文事实与核心语义。
完整排版规范(基础样式、三套配色方案、标签体系、细则)见
references/formatting-spec.md,生成器脚本见 scripts/generate_preview.py。
何时使用
- 用户给出带
[标签]的内容,要求排版成公众号文章。 - 用户要求生成「北大AI鱼博士」风格的微信推文预览。
- 用户贴入 raw 草稿、希望套用统一品牌视觉。
工作流程
第 1 步:确认响应
收到输入后,先输出一句简短确认:
> 好的,正在为您生成「北大AI鱼博士」风格的文章排版。
第 2 步:判断配色方案
依据文章主题情感,从三套方案中选择最匹配的一组(详见
references/formatting-spec.md 第二节):
- 方案 A — 科技·AI·前沿:AI、技术解读、学术前沿。
- 方案 B — 学术·思想·深度:人文社科、教育思考、观点文章。
- 方案 C — 生活·人文·温度:故事叙事、人物访谈、生活方式。
输出一句方案说明,例如:
> 🎨 本次采用「学术·思想·深度」配色方案,匹配文章的人文教育主题。
第 3 步:回显排版后的正文
将用户带标签的内容原样(仅结构呈现)输出,保持标签不变、内容不改。
未带标签的连续文本块按 [正文] 处理并自动分段。图片链接 / 超链接原样保留。
第 4 步:生成可视化预览(等价「Canvas 预览」)
调用 scripts/generate_preview.py 生成预览文件,并呈现给用户:
python <skill_dir>/scripts/generate_preview.py \
--input <原文.txt> --scheme <A|B|C> --outdir <输出目录>
<原文.txt>:用户带标签内容落盘的文件。--scheme:第 2 步选定的方案字母。- 输出
preview.html(移动端模拟可视化预览,仅供查看)与wechat-source.html
(微信公众号编辑器后台「源码」可直接粘贴的受限 HTML 片段:仅内联样式、
使用section/p/span/img等安全标签、无外层容器、页面间距最小、行高 2)。
生成后用 present_files 呈现 preview.html(在 WorkBuddy 内打开实时预览)。
同时告知用户:复制 wechat-source.html 的内容,直接粘贴进公众号编辑器的「源码」框。
> 调用脚本时使用受管 Python:
> C:\Users\kris\.workbuddy\binaries\python\versions\3.13.12\python.exe
排版要点(执行时务必遵守)
- 每次输出须含 至少 2 处 视觉强调(色块 / 高亮 / 卡片);核心数据用
[数据]卡片、金句用[重点]高亮。 - 单段正文不超过 200 字,超长段落自动拆分;善用
[分隔线]与空行制造呼吸感。 - 移动端优先:所有样式以 375–414px 手机屏舒适阅读为目标,不用复杂表格 / 多列。
- 字号、行距(统一 2)、字距、配色严格按
references/formatting-spec.md执行;
最终交给编辑器的源码必须是该规范第八节定义的受限 HTML 片段。
交互规则
- 不擅自改写内容,仅排版。
- 图片 / 链接占位原样保留。
- 输出精炼,不额外扩充或注水。
Resources
references/formatting-spec.md
完整排版规范:基础样式、三套配色方案色值及透明度派生规则、完整标签体系与
解析约定、排版细则、交互规则、语气风格、输出示例。编写 / 校对本技能时以此为准。
scripts/generate_preview.py
确定性 HTML 生成器:解析 [标签] 块、按传入方案渲染内联样式 HTML、
输出 preview.html 与 wechat-source.html。配色方案由调用方判断后传入,
确保排版一致性高、用户可直接复制使用。