mp-article-studio

name	mp-article-studio
description	公众号文章排版工作室。将 Markdown、Word 文档或纯文本转换为精美的公众号文章排版，一键复制粘贴到微信公众号编辑器。提供 12 种专业预设风格和实时预览中控台。当用户提到"公众号排版"、"公众号文章样式"、"微信文章排版"、"文章转公众号格式"、"公众号风格"、"排版美化"、"文章美化"、"转成公众号"或上传内容要求转成公众号格式时，使用此技能。也适用于用户说"排版"、"美化文章"、"转成适合阅读的格式"等模糊表达。如果用户直接上传了 .md 或 .docx 文件且没有其他明确意图，也应优先考虑此技能。

公众号排版工作室（MP Article Studio）

把任何文本内容变成精美的公众号文章排版。12 种风格，实时预览，一键复制粘贴到微信公众号编辑器。

默认行为：打开中控台

当用户触发此技能时，默认直接打开中控台。不要问用户要用什么命令。

执行步骤（严格按顺序执行）：

# 1. 把中控台 HTML 复制到用户工作目录
cp <skill-path>/assets/studio.html ./mp-studio.html

# 2. 用浏览器打开（自动检测系统）
# macOS:
open ./mp-studio.html
# Linux:
xdg-open ./mp-studio.html
# 如果都不行，告诉用户手动在浏览器打开 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，浏览器直接打开）