AI 技能【免费下载链接】gzh-design-skill把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 主题生成器 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.项目地址https://gitcode.com/zuiyn/gzh-design-skill点击查看免费下载gzh-design-skill 是一个把 Markdown 一键排成公众号 HTML 的开源技能内置 6 套精选主题它的主题生成器还能让你用一句话描述或一张参考图生成一套专属的公众号排版主题并永久保存复用。内置的摸鱼绿、红白、石墨极简等 6 套主题不够用时不必等官方更新——直接让 AI 现造一套。 主题生成器是什么主题生成器是 gzh-design-skill 的「第二条工作流」完整流程定义在 references/theme-generator.md 中。它解决的问题很简单现有 6 套精选主题没有你想要的气质怎么办答案描述你的风格或丢一张参考图AI 会生成一整套可直接粘贴进公众号编辑器的排版组件库转换、校验、登记后它就成为你的常驻可选主题与内置主题完全同权。三种常见触发方式「生成一套新主题 / 自定义风格 / 我想要 XX 风的组件库」上传参考图说「按这个风格做一套公众号排版主题」对现有主题都不满意描述想要的气质、配色、场景 完整流程一览步骤做什么产物① 收集偏好只填「主题描述」或给参考图其余可空一份偏好清单② 生成区块库AI 产出 45~75 个区块的完整 HTMLassets/theme-previews/{id}.html预览页③ 转换 登记转为标准主题库登记主题索引references/theme-{id}.md 索引新增一行④ 校验交付跑组件检查ERROR 清零新主题即刻可用于排版 第一步收集偏好只需一句话按下表收集只有「主题描述」是必填项或提供参考图其余留空时由 AI 按提示词规则自动补全且只问一轮、不逐字段追问字段说明留空时主题描述想要的气质、场景、感觉必填或由参考图推导参考图图片/截图可多张可空名称 / 主题 ID中文名 theme-开头的英文 ID自动生成五色主题色 / 背景色 / 正文色 / 强调色 / 装饰色由描述或参考图推导字体 / 圆角 / 阴影偏好如「大圆角 / 无阴影」按风格自动定三类 TAG设计技巧 / 风格特征 / 适用场景自动生成一句典型触发语按「黑白杂志、克莱因蓝点睛、衬线字体」的气质给公众号排版生成一套新主题️ 用一张参考图造主题没有文案能力也能造主题直接把喜欢的版式截图、杂志扫描页或网页设计稿丢给 AI说「按这张参考图做一套公众号排版组件库」。生成器会先从图中提取视觉特征主色/辅助色、留白比例、边框与圆角、阴影强度、信息密度、整体情绪再转译为公众号可用的组件语言。注意参考图只作「风格参考」不会复刻图中的文字、Logo 或具体画面若参考图与你的文字偏好冲突以文字偏好为准。⚙️ 第二步生成 45~75 个区块的预览页偏好收集后AI 按 theme-generator.md 末尾内置的【生成提示词】执行产出一份完整区块库 HTML保存为assets/theme-previews/{主题ID}.html这份预览页是「风格的单一预览源」封面刊头、章节标题、正文、引用、提示卡、CTA、步骤条、代码块、数据表格、FAQ、结尾签名区等全部区块连续排布在同一页面。浏览器打开后整页一次浏览、整体确认风格不逐块问、不逐块确认。生成过程有几条硬约束保证成品能贴进公众号全部 inline style禁style/class/grid/ 交互组件字号一律 ≤ 24px默认白底或近白底深色只用于局部点缀占位文案抽象化只展示结构不假装真实产品页仓库里就有一套现成样例assets/theme-previews/theme-mono-blue-editorial.html——「墨蓝刊读风」黑白杂志风 克莱因蓝点睛浏览器直接打开即可看完整效果。 第三步转标准主题库 登记整体确认风格后进入转换阶段规则见 theme-generator.md「第三步」补span leaf包裹——这是粘贴后样式不丢失的前提生成器输出不含 leaf 标记必须逐个补齐补齐五个必备章节同 SKILL.md「添加新主题的规范」设计变量速查表、各组件完整 HTML、完整文章模板骨架、文章类型 → 组件组合配方表、Markdown → 组件映射规则表平台红线复查去掉预览用id剔除禁用标签与24px字号登记索引在 references/theme-index.md 新增一行主题名 / 主色 / 适用场景 / 组件库文件 / 正文下划线 CSS✅ 第四步跑校验0 ERROR 才算完成python3 scripts/component_lint.py .scripts/component_lint.py 会扫描组件库中的反模式大空白、虚线框、平台禁用项ERROR 清零再交付。之后每次用这个主题排版最终产物还会再过一遍 scripts/validate_gzh_html.py 产物关卡双关卡确保样式粘进公众号不丢失。 交付后怎么用交付汇报会包含主题名 ID 预览文件路径 已可启用提示。之后使用方式和内置主题完全一样用墨蓝刊读风把这篇文章排成公众号 HTMLarticle.md它会自动进入正常的排版工作流读组件库 → 解析 Markdown → 按配方装配 → 校验 → 输出带「复制」按钮的预览页一键复制进公众号编辑器。❓ 常见问题Q改主意了能改已生成的主题吗A能。直接说「把 XX 主题的主色改成……」AI 会同步改主题库和预览 HTML并重跑 component_lint。Q新主题质量有保证吗A质量靠脚本不靠自觉——新主题必须走 component_lint 源头关 validate_gzh_html 产物关与内置 6 套主题执行同一套标准。Q想手工贡献一套主题呢A照着 CONTRIBUTING.md 的「新增一套主题风格」走参考 references/theme-moyu-green.md 等现有组件库的结构跑通可验证循环即可。 关键文件速查生成流程全文references/theme-generator.md主题索引新主题登记处references/theme-index.md主题预览样例墨蓝刊读风assets/theme-previews/theme-mono-blue-editorial.html组件库源头校验scripts/component_lint.py排版工作流主文档SKILL.md赞分享AI 技能【免费下载链接】gzh-design-skill把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 主题生成器 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.项目地址https://gitcode.com/zuiyn/gzh-design-skill点击查看免费下载相关推荐如何为Raphael Publish定制专属主题从零打造一套公众号排版风格的完整教程如何为Raphael Publish定制专属主题从零打造一套公众号排版风格的完整教程 Raphael Publish 是一款专为 微信公众号 打造的现代 Ma公众号排版大师Raphael Publish完全指南魔法粘贴30套主题Markdown一键直达微信公众号公众号排版大师Raphael Publish完全指南魔法粘贴30套主题Markdown一键直达微信公众号 Raphael Publish 公众号排版大师Editable-Design实战教程一句话Prompt生成可编辑营销海报的完整流程Editable Design实战教程一句话Prompt生成可编辑营销海报的完整流程 Editable Design 是一个由编码 Agent 驱动的开源视觉上一篇如何3分钟快速检测微信单向好友WechatRealFriends终极解决方案下一篇Finagle面向 JVM 的可扩展 RPC 系统——架构、核心抽象与实践指南创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
