公众号排版终极指南6套主题AI一键生成告别格式烦恼【免费下载链接】gzh-design-skill把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 主题生成器 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.项目地址: https://gitcode.com/gh_mirrors/gz/gzh-design-skill在公众号内容创作中排版往往是耗时最久、最令人头疼的环节。手动调整样式、担心粘贴后格式丢失、反复预览调试...这些问题让许多内容创作者苦不堪言。现在gzh-design-skill这款强大的AI排版工具将彻底改变你的公众号排版体验。 为什么你需要专业的公众号排版工具公众号编辑器对HTML格式有着严格的限制许多常见的CSS样式和HTML标签都会被过滤。这就是为什么你精心设计的排版粘贴到公众号后经常面目全非。gzh-design-skill正是为了解决这一痛点而生它专门针对公众号平台的限制进行了深度优化。核心优势一览全内联样式所有样式内联处理文字使用span leaf包裹确保粘贴后样式100%保留6套精选主题摸鱼绿、红白色系、石墨极简、留白禅意、摸鱼票据、橄榄手记覆盖各类内容题材智能自动化自动章节编号、关键词下划线标记、引言卡与目录提取双关卡校验从组件源头的component_lint.py到最终产物的validate_gzh_html.py双重保障输出质量主题生成器不满足现有主题一句话描述或一张参考图AI为你生成全新主题 一键安装快速上手推荐安装方式最简单的安装方法只需一行命令npx skills add https://gitcode.com/gh_mirrors/gz/gzh-design-skill如果你是手动安装爱好者也可以通过git克隆到本地git clone https://gitcode.com/gh_mirrors/gz/gzh-design-skill.git ~/.claude/skills/gzh-design安装完成后你就可以在支持Skill的AI Agent如Claude Code、Codex、Cursor等中使用了。使用方式超简单只需要对AI说一句话用摸鱼绿把这篇文章排成公众号HTMLarticle.mdAI会自动完成整个排版流程生成可直接粘贴到公众号编辑器的HTML文件。 6套主题总有一款适合你每套主题都经过精心设计针对不同的内容类型进行了优化1. 摸鱼绿默认主题主色#059669翠绿色适用场景教程指南、产品测评、工具盘点、清单整理特点信息密度高卡片组件丰富适合干货类内容2. 红白色系主色#DC2626正红色适用场景深度分析、观点评论、力量感话题特点经典编辑风红色元素克制点睛专业感强3. 石墨极简风主色#52525B石墨灰适用场景设计评论、科技分析、专业观点、高端品牌特点极简克制全灰阶配色理性专业4. 留白禅意风主色#4A5D52墨绿色适用场景禅意随笔、极简生活、深度思考、艺术类内容特点呼吸感最强大留白设计宁静雅致5. 摸鱼票据风主色#059669翠绿色适用场景工具对比、创意评测、票据式视觉隐喻特点票据/门票设计风格硬阴影卡片星级评分6. 橄榄手记主色#1e1f23墨黑色配橙色#ed7b2f适用场景内刊手记、深度评测、案例复盘、系统说明特点编辑部内刊质感分节形式多样信息密度高 完整工作流程解析第一步输入格式归一化gzh-design-skill支持多种输入格式Markdown文件直接进入排版流程Word文档通过scripts/extract_docx.py自动转换PDF文件智能读取并清理格式纯文本自动推断结构并格式化无论你的原始文件是什么格式系统都会先将其转换为标准的Markdown格式确保后续排版顺利进行。第二步智能主题推荐系统会根据文章内容自动推荐最合适的主题教程/测评类→ 摸鱼绿深度分析类→ 红白色系设计/科技类→ 石墨极简风禅意/随笔类→ 留白禅意风工具对比类→ 摸鱼票据风内刊/案例类→ 橄榄手记第三步智能组件装配系统会自动识别并处理各种元素章节标题自动编号末章显示为∞或///关键词标记每段自动标记1-3个关键词并添加下划线引言卡提取从正文开头提取引用块作为引言卡目录生成自动生成文章导航目录代码块处理支持深色/浅色主题等宽字体不折行图片/GIF处理自适应尺寸GIF自动添加动图标识第四步质量合规校验生成HTML后必须运行校验脚本确保符合公众号平台要求python3 scripts/validate_gzh_html.py out.html这个脚本会检查禁用标签div/class/style等文字是否用span leaf包裹标点是否全角样式是否全部内联第五步一键复制粘贴最终会生成两个文件干净正文文件{原文件名}_排版_{主题中文名}({英文标识}).html带复制按钮的预览页{...}_预览.html只需打开预览页点击右上角的复制到公众号按钮然后粘贴到公众号编辑器即可。️ 高级功能自定义主题生成如果你对现有主题不满意可以使用强大的主题生成器生成全新主题的步骤提供描述或参考图告诉AI你想要什么样的风格AI生成组件库AI会生成45-75个区块的完整HTML组件库预览确认预览保存在assets/theme-previews/{id}.html转换为标准主题库确认后转换为标准格式并登记到references/theme-index.md主题生成器的优势完全个性化根据你的品牌调性定制快速迭代不满意可以随时调整重新生成永久保存生成的主题会保存到本地永久可用 项目结构深度解析了解项目结构有助于更好地使用这个工具gzh-design-skill/ ├── SKILL.md # 主工作流文档AI入口 ├── references/ # 核心组件库 │ ├── theme-index.md # 6套主题索引 │ ├── theme-*.md # 各主题组件库6个文件 │ ├── theme-generator.md # 主题生成器指南 │ ├── common-components.md # 跨主题通用组件 │ └── eval-cases.md # 测试用例 ├── scripts/ # 校验脚本 │ ├── validate_gzh_html.py # 最终产物合规校验 │ └── component_lint.py # 组件库源头检查 ├── docs/ # 文档与预览 │ ├── gallery/ # 主题浏览器预览 │ └── all-themes.md # 全主题效果展示 └── archive/ # 历史版本存档 实用技巧与最佳实践1. 选择合适的输入格式优先使用Markdown最直接无需转换Word文档保留原有格式和图片PDF文件适合扫描版文档纯文本适合简单内容2. 优化文章结构使用#表示一级标题使用##表示二级标题使用###表示三级标题使用表示引用块使用**文字**表示加粗使用文字表示高亮使用u文字/u表示下划线3. 充分利用智能功能自动章节编号无需手动编号关键词标记让重点内容更突出引言卡提取开头引用自动美化目录生成长文必备导航功能4. 质量检查要点运行校验脚本确保合规在预览页测试复制粘贴检查图片自适应效果确认全角标点转换❓ 常见问题解答Q粘贴到公众号后样式会丢失吗A不会。所有样式都是内联的文字使用span leaf包裹这是公众号编辑器兼容的最佳实践。Q只能在Claude Code中使用吗A不是的。任何能够读取Skill目录的AI Agent都可以使用包括Codex、Cursor等。Q如何更新到最新版本A重新运行安装命令即可更新或者到安装目录执行git pull。Q可以一次生成多套主题对比吗A可以。告诉AI用这几套主题各排一遍这篇就会批量生成多套供你挑选。Q支持哪些AI AgentA支持所有能够读取Skill目录的AI Agent包括但不限于Claude CodeCodexCursor其他兼容的AI助手 开始你的高效排版之旅gzh-design-skill不仅仅是一个排版工具更是内容创作者的效率利器。通过智能化的主题推荐、自动化的组件装配、严格的质量校验它让公众号排版从繁琐的手工劳动变成了简单的指令操作。无论你是公众号新手还是资深创作者无论你写的是技术教程、深度分析还是生活随笔gzh-design-skill都能为你提供专业、美观、合规的排版解决方案。现在就开始使用吧让你的公众号内容在视觉上也能脱颖而出小贴士初次使用时建议先用assets/sample-article.md这个示例文件进行测试熟悉整个工作流程后再处理自己的文章。【免费下载链接】gzh-design-skill把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 主题生成器 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.项目地址: https://gitcode.com/gh_mirrors/gz/gzh-design-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考