gzh-design-skill
将Markdown一键转换为可直接粘贴进微信公众号的精美HTML排版工具。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：gzh-design-skill。 它的用途是：将Markdown一键转换为可直接粘贴进微信公众号的精美HTML排版工具。 完整的 Skill 内容见：https://321skill.com/skills/gzh-design-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我把这篇Markdown技术文章排版成公众号格式，用‘摸鱼绿’主题。” 它会自动解析文章结构，应用“摸鱼绿”主题的所有组件，生成一个精美的HTML文件供你直接复制粘贴。或者说：“这是一篇Word文档，请一键自动排版。” 它会自动推断文章结构并选择合适主题，完成全流程排版。
介绍
gzh-design-skill 是一个专为微信公众号文章设计的排版引擎，它解决了创作者在公众号编辑器中进行复杂、美观排版的痛点。用户只需提供Markdown、Word、PDF或纯文本格式的文章，该工具就能自动将其转换为样式精美、可直接粘贴进公众号编辑器的HTML代码，粘贴后样式不会丢失。
它的核心工作流程包括：首先对输入内容进行格式归一化处理，确保统一为Markdown格式；然后根据文章题材（如教程、观点、设计等）从预设的多个主题库中智能推荐最契合的排版风格；接着，工具会解析文章结构，并严格按照所选主题的组件库和配方表，将每个Markdown元素（如标题、引用、代码块、图片）替换为对应的精美HTML组件，最终生成完整的文章HTML。
该工具非常适合需要频繁在微信公众号发布文章的内容创作者、自媒体运营者、技术博主和营销人员。他们通常不熟悉前端代码，但又希望文章拥有专业、统一的视觉风格，以提升阅读体验和品牌形象。
与市面上其他简单的Markdown转HTML工具相比，gzh-design-skill的核心区别在于其“主题化”和“组件化”设计。它并非提供单一的固定模板，而是维护了一个可扩展的主题组件库，每个主题都包含完整的变量、组件HTML和骨架，确保了排版风格的多样性和一致性。此外，它还支持“一键自动排版”和根据用户描述生成全新自定义主题的高级功能。
核心特点
核心区别在于其“主题组件库”架构和“文章类型配方”机制。它不是一个固定模板，而是拥有多套可复用、气质各异的主题（如摸鱼绿、红白色系、石墨极简等），每套主题都包含完整的HTML组件和针对不同文章类型（教程、盘点、观点等）的专用组件组合配方，确保了同类文章排版气质的专业性和稳定性。
注意事项
该Skill专为微信公众号文章排版设计，不适合用于生成普通网页、落地页或PPT等非公众号场景的排版需求。
常见问题
支持哪些格式的文章输入？
支持Markdown (.md)、Word (.docx)、PDF、纯文本 (.txt) 以及网页富文本，非Markdown格式会自动转换为Markdown草稿。
生成的HTML粘贴到公众号后样式会乱吗？
不会。生成的HTML代码是专门针对微信公众号编辑器兼容性设计的，粘贴后样式能完整保留。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/gzh-design-skill/raw/index.md 读取 gzh-design-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/gzh-design-skill/raw/index.md（查看排版版本）