| name | mp-article-studio |
| description | 公众号文章排版工作室。将 Markdown、Word 文档或纯文本转换为精美的公众号文章排版,一键复制粘贴到微信公众号编辑器。提供 12 种专业预设风格和实时预览中控台。当用户提到"公众号排版"、"公众号文章样式"、"微信文章排版"、"文章转公众号格式"、"公众号风格"、"排版美化"、"文章美化"、"转成公众号"或上传内容要求转成公众号格式时,使用此技能。也适用于用户说"排版"、"美化文章"、"转成适合阅读的格式"等模糊表达。如果用户直接上传了 .md 或 .docx 文件且没有其他明确意图,也应优先考虑此技能。 |
公众号排版工作室(MP Article Studio)
把任何文本内容变成精美的公众号文章排版。12 种风格,实时预览,一键复制粘贴到微信公众号编辑器。
默认行为:打开中控台
当用户触发此技能时,默认直接打开中控台。不要问用户要用什么命令。
执行步骤(严格按顺序执行):
cp <skill-path>/assets/studio.html ./mp-studio.html
open ./mp-studio.html
xdg-open ./mp-studio.html
就这两步,中控台会在浏览器中自动弹出。用户在浏览器里操作完后,点"复制全文",然后粘贴到公众号编辑器即可。
重要: 如果在 Claude.ai 网页端使用,也可以直接读取 assets/studio.html 并作为 HTML artifact 输出。
唯一的例外:如果用户上传了文件(.md / .docx / .txt),则走 ~convert 流程。
技术约束:公众号编辑器兼容性
所有输出的文章 HTML 必须遵守:
必须用: 纯内联 style、<section>/<p>/<h1>~<h3>/<strong>/<em> 等基础标签
绝对不能用: <style> 标签和 class 选择器、position: absolute/relative、box-shadow/text-shadow、linear-gradient、外部字体、CSS 变量、动画、深色背景
命令体系
所有命令用 ~ 前缀。大多数时候用户不需要记命令——直接说话就行。
默认 → 打开中控台
说"排版"、"公众号排版"、"打开工作室"或任何触发此技能的话。
~convert — 上传文件转换
用户上传 .md、.docx 或 .txt 文件时自动触发。解析内容结构,套用风格模板,生成带预览和复制功能的 HTML 文件。
~style — 切换风格
展示 12 种风格供选择。经典: 素雅书卷、商务克制、文艺温暖、清晨日光。专业: 科技极简、国风雅韵、潮流杂志、知性墨绿。创意: 星辰旷野、莫兰迪灰、薄荷清新、电子玫瑰。
~color #HEX — 自定义品牌色
~help — 显示帮助
公众号排版工作室 · 使用指南
直接对话即可,不需要记命令:
📌 说"排版" → 浏览器自动打开中控台
📌 上传 .md/.docx/.txt → 自动转换成公众号格式
📌 说"换个风格" → 切换排版风格
📌 说"品牌色 #ff6600" → 自定义点缀色
中控台用法:
1. 左侧粘贴文章内容(支持 Markdown)
2. 点风格标签,右侧实时预览
3. 点"复制全文"按钮
4. 公众号编辑器 Ctrl+V 粘贴,完成
排版设计原则
- 正文 15px,行高 2.0,字间距 1px,段间距 20px
- 标题全宽铺开,靠线条和字重建立层级,不做按钮式色块
- 全部浅色底,不用深色背景
- 纯内联样式,不用 class
资源文件
references/styles.md — 12 种风格配色定义
assets/studio.html — 中控台(自包含 HTML,浏览器直接打开)