[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-92279":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":14,"stars30d":15,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":16,"rankGlobal":9,"rankLanguage":9,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":18,"hasPages":18,"topics":20,"createdAt":9,"pushedAt":9,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":14,"starSnapshotCount":14,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},92279,"gzh-design-skill","isjiamu\u002Fgzh-design-skill","isjiamu","把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.",null,"HTML",1842,206,174,0,387,64.95,"Other",false,"main",[21,22,23,24,25,26,27,28,29,30,31,32,33],"agent-skill","ai-agent","claude-code","codex","cursor","gongzhonghao","html","markdown","rich-text","skill","typesetting","wechat","weixin","2026-07-22 04:02:05","> 🤝 **本项目由 甲木 × [「摸鱼小李」](https:\u002F\u002Fmp.weixin.qq.com\u002Fs\u002FEMahAzgfAbRQrYukWE7_IQ) 联名共建** —— 排版组件、主题设计与质量标准凝聚了两人的公众号实践与共同打磨，特别感谢小李。\n\n\u003Cdiv align=\"center\">\n\n# gzh-design-skill · 公众号排版技能\n\n**把 Markdown 一键排成可直接粘贴进微信公众号编辑器的精致 HTML**\n\n6 套精选主题 + 主题生成器 · 代码块\u002F图片\u002FGIF · 自动章节编号与关键词标记 · 双关卡质量校验\n\n[![License: AGPL-3.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-AGPL--3.0-blue.svg)](LICENSE)\n[![Claude Code](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FClaude%20Code-Skill-blue)](https:\u002F\u002Fclaude.ai\u002Fcode)\n[![Themes](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fthemes-6%20+%20generator-059669)](references\u002Ftheme-index.md)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg)](CONTRIBUTING.md)\n[![Agents](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FClaude%20Code%20·%20Codex%20·%20Cursor-supported-8b5cf6.svg)](#-快速开始)\n\n[English](README.en.md) ｜ 中文\n\n\u003C\u002Fdiv>\n\n---\n\n一个给 AI Agent（Claude Code \u002F Codex \u002F Cursor 等）用的公众号排版 Skill。你写完 Markdown，它按你选的主题，生成**样式全内联、粘贴到公众号编辑器不掉格式**的 HTML——自动编章节号、标关键词下划线、配引言卡与目录、处理代码块和图片、合并作者签名，并用脚本确定性地兜住公众号平台的各种限制。\n\n## ✨ 核心特性\n\n- **6 套精选主题**：摸鱼绿（默认）· 红白 · 石墨极简 · 留白禅意 · 摸鱼票据 · 橄榄手记 —— 每套都是自成体系的厚组件库（设计变量 + 数十个精细组件 + 视觉层级表 + 文章类型配方表）。\n- **主题生成器**：不满足现成主题？用一句话描述或一张参考图，生成一套全新组件库并保存本地复用（见 `references\u002Ftheme-generator.md`）。\n- **内容全兼容**：代码块（深\u002F浅色，等宽不折行）、图片、GIF（带动图角标）、行内代码、引用、列表、产品徽章。\n- **智能排版**：章节自动编号（末章 ∞ \u002F \u002F\u002F\u002F）、每段主动标 1–3 个关键词下划线、从正文提炼引言卡与目录、作者签名去重合并。\n- **中文全角标点**：正文自动规范全角，代码块内原样保留。\n- **不掉格式**：所有样式内联、文字 `\u003Cspan leaf=\"\">` 包裹，规避 `\u003Cstyle>\u002F\u003Cdiv>\u002Fclass\u002Fgrid\u002Fposition` 等公众号会过滤的写法。\n- **双关卡质量校验**：`component_lint.py`（组件库源头）+ `validate_gzh_html.py`（最终产物），构成可复现的「改→验→修」闭环。\n- **一键复制**：生成带「复制」按钮的预览页，点一下把富文本复制到剪贴板，直接粘进公众号，免手动全选。\n\n## 👀 效果预览\n\n6 套主题各排同一篇长文（真实长图，含配图、引言卡、编号章节、金句、名词旁注等完整组件）：\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd colspan=\"3\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Forigin.picgo.net\u002F2026\u002F07\u002F07\u002F-40619312d679bc34.jpg\" width=\"100%\">\u003Cbr>\u003Csub>\u003Cb>摸鱼绿（默认）\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd colspan=\"3\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Forigin.picgo.net\u002F2026\u002F07\u002F07\u002F-084eb2b9d6f8d5e2.jpg\" width=\"100%\">\u003Cbr>\u003Csub>\u003Cb>红白色系\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd colspan=\"3\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Forigin.picgo.net\u002F2026\u002F07\u002F07\u002F-747b33f502544254.jpg\" width=\"100%\">\u003Cbr>\u003Csub>\u003Cb>橄榄手记\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"33%\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill\u002Freleases\u002Fdownload\u002Fassets-v1\u002Flf-graphite-minimal.png?v=1\" width=\"250\">\u003Cbr>\u003Csub>\u003Cb>石墨极简风\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"33%\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill\u002Freleases\u002Fdownload\u002Fassets-v1\u002Flf-zen-whitespace.png?v=1\" width=\"250\">\u003Cbr>\u003Csub>\u003Cb>留白禅意风\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"33%\" align=\"center\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill\u002Freleases\u002Fdownload\u002Fassets-v1\u002Flf-moyu-ticket.png?v=1\" width=\"250\">\u003Cbr>\u003Csub>\u003Cb>摸鱼票据风\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n> 📚 **6 套完整长图 → [docs\u002Fall-themes.md](docs\u002Fall-themes.md)**　｜　克隆后浏览器打开 `docs\u002Fgallery\u002Findex.html` 可看可交互的完整 HTML。\n\n## ✅ 适合 \u002F ❌ 不适合\n\n**✅ 适合**：观点\u002F深度分析 · 教程\u002F操作指南 · 测评\u002F工具盘点 · 知识整理\u002F方法论 · 访谈\u002F人物特稿 · 数据复盘\u002F报告 · 生活\u002F情感随笔 · 案例实战 —— 把 Markdown \u002F Word \u002F PDF \u002F 纯文本长文，一键排成可直接粘进公众号编辑器的 HTML；也能按描述或参考图生成自定义主题。\n\n**❌ 不适合**：普通网页\u002F落地页（用前端 skill）· PPT（用 PPT skill）· 纯图片海报\u002F社交卡片（用社交卡片类 skill）· 非公众号平台的排版 · **代写文章**（本 skill 只排版、不写作——先有 Markdown 再用它）。\n\n## 🗂 常见使用场景\n\n| 你的内容 | 推荐怎么排 |\n|---|---|\n| 观点 \u002F 深度长文 | 红白 或 石墨极简；关键词下划线 + 金句引用 + 居中金句 |\n| 产品测评 \u002F 工具盘点 | 摸鱼绿 或 摸鱼票据；step\u002Ftool-label + 卡片，按配方表走 |\n| 教程 \u002F 操作指南 | 摸鱼绿；step-label + 代码块 + 编号列表 |\n| 数据复盘 \u002F 年度报告 | 摸鱼绿 或 橄榄手记；数据卡 + 表格 |\n| 禅意 \u002F 极简随笔 | 留白禅意；大留白 + 居中衬线引用 |\n| 内刊 \u002F 深度评测 \u002F 案例复盘 | 橄榄手记；编者按 + 分节 + 暗色摘要框 |\n| Word \u002F PDF 稿转公众号 | 先自动格式归一化 → 再按题材选主题 |\n| 想要现成之外的风格 | 主题生成器：一句话或参考图现造一套 |\n\n## 🎨 6 套精选主题\n\n覆盖绝大多数公众号题材，每套都打磨到「拿来即用」：\n\n| 主题 | 适合 |\n|---|---|\n| **摸鱼绿**（默认） | 教程、测评、清单、工具盘点（卡片丰富、信息密度高） |\n| **红白色系** | 深度分析、观点、力量感话题（经典编辑风） |\n| **石墨极简风** | 设计、科技评论、专业观点、高端品牌 |\n| **留白禅意风** | 禅意、极简生活、深度随笔（呼吸感最强） |\n| **摸鱼票据风** | 工具对比、创意评测（票据视觉隐喻） |\n| **橄榄手记** | 内刊手记、深度评测、案例复盘（编辑部内刊质感） |\n\n> 主色、下划线色值等**完整速查表见文末 [附录](#-完整主题速查表)**；不够用就让 AI [生成新主题](#-faq)。\n\n## 🚀 快速开始\n\n### 方式一：一行安装（推荐）\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill\n```\n\n### 方式二：让 AI 自己装\n\n对**任意 Agent**（Claude Code \u002F Codex \u002F Cursor 等）说一句：\n\n> 请帮我查找并自动安装 https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill 这个 skill\n\n它会自行 clone 到对应的 skills 目录并接入。\n\n### 方式三：手动 clone\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill.git ~\u002F.claude\u002Fskills\u002Fgzh-design\n```\n\n装好后，直接对 Agent 说：\n\n> 用摸鱼绿把这篇文章排成公众号 HTML：`article.md`\n\n## 💬 交流群\n\n扫码加入**官方企业微信交流群**（活码自动邀请入群，一起交流公众号排版 & Agent Skills 玩法）：\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill\u002Freleases\u002Fdownload\u002Fassets-v1\u002Fgroup-qr.png\" width=\"220\" alt=\"企业微信交流群二维码\">\n\n> 扫码失效？加作者微信 **`zuiyn_soul`**（备注「gzh-design」）拉你进群。\n\n## 📖 使用流程\n\n1. **选主题** — 按题材自动推荐最契合的主题并请你一步确认（默认摸鱼绿）；也可直接指定，或让 AI 生成新主题。\n2. **读组件库** — 读所选主题库 + 通用增量库（代码块\u002F图片\u002F小标签）。\n3. **解析 Markdown** — 识别标题、章节、加粗、高亮、引用、图片、代码块、列表。\n4. **装配 HTML** — 用组件库里的真实组件拼装，落实编号、下划线、全角、签名。\n5. **校验** — 跑 `validate_gzh_html.py`，ERROR 清零才交付。\n6. **输出** — 生成干净正文 + 带「复制」按钮的预览页；浏览器打开预览页点右上角「复制到公众号」，再去编辑器粘贴即可（免手动全选）。\n\n## 🧩 公众号平台限制（已内置兜底）\n\n生成的 HTML 严格遵守：禁 `\u003Cstyle>\u002F\u003Cscript>\u002F\u003Cdiv>`、`class\u002Fid`、`position:fixed\u002Fabsolute\u002Fsticky`、`float`、`@media\u002F@keyframes`、`display:grid`、CSS 变量、外部字体；样式全部内联；所有文字用 `\u003Cspan leaf=\"\">` 包裹。这些由校验脚本确定性检查，而非靠模型自觉。\n\n## 🔁 可验证循环\n\n改组件库或工作流后，用双关卡闭环防回归：\n\n```bash\npython3 scripts\u002Fcomponent_lint.py .            # 源头关：扫组件库反模式\npython3 scripts\u002Fvalidate_gzh_html.py out.html  # 产物关：扫最终 HTML 合规\n```\n\n- **源头关** 查 `white-space:pre`（大空白）、正文四周虚线框、平台禁用项 —— 须 0 ERROR。\n- **产物关** 查禁用标签、`\u003Cspan leaf>` 包裹、半角标点 —— 须 0 ERROR \u002F 半角 0 WARN。\n- 逻辑：源头干净 → 产物必然干净。详见 `references\u002Feval-cases.md`。\n\n## 💡 为什么这么设计\n\n- **约束优于自由** — 预设主题色板 + 固定组件先保住输出下限，不让模型每次现场发挥、风格飘忽。\n- **样式粘贴不掉** — 全内联样式 + 每个文字节点 `\u003Cspan leaf=\"\">` 包裹，专门规避公众号会过滤的写法，粘进去不塌。\n- **质量靠脚本不靠自觉** — 双关卡（源头 `component_lint` + 产物 `validate_gzh_html`）确定性检查平台红线和标点，不靠模型「记得住」。\n- **换模型不走样** — 排版逻辑全沉淀在组件库和脚本里，不依赖某家模型，Claude \u002F GPT \u002F Gemini \u002F 国产模型都能跑出一致效果。\n- **Agent 友好** — 输入输出全是纯文本 Markdown \u002F HTML，任何 Agent 都能读、写、改、验，天然适配 Claude Code \u002F Codex \u002F Cursor。\n\n## 📁 目录结构\n\n```\ngzh-design\u002F\n├── SKILL.md                    # 排版工作流主文档（Agent 入口）\n├── references\u002F\n│   ├── theme-index.md          # 6 套主题索引（主色\u002F适用\u002F下划线，单一来源）\n│   ├── theme-*.md              # 6 套主题组件库（theme-moyu-green.md 等）\n│   ├── theme-generator.md      # 主题生成器（按描述\u002F参考图生成新主题）\n│   ├── common-components.md    # 跨主题通用增量组件（代码块\u002F图片\u002F小标签）\n│   ├── format-normalize.md     # 格式归一化（docx\u002Fpdf\u002F纯文本 → Markdown）\n│   └── eval-cases.md           # 触发用例 + 可验证循环\n├── scripts\u002F\n│   ├── validate_gzh_html.py    # 产物合规校验\n│   └── component_lint.py       # 组件库源头检查\n├── assets\u002F\n│   ├── sample-article.md       # 演示输入\n│   └── theme-previews\u002F         # 主题生成器产出的区块库预览\n└── docs\u002Fgallery\u002F               # 主题浏览器预览\n```\n\n## 🎯 设计原则\n\n- **约束而非自由** — 用预设主题色板和固定组件保证输出下限，不让模型现场发挥。\n- **确定性下沉脚本** — 平台限制这类死规则交给校验脚本，模型只做内容判断。\n- **小标签，不用虚线框** — 强调用左竖条\u002F药丸标签，笨重的四周虚线框只留给「待补素材」居中占位。\n- **每处经验都可复现** — 踩过的坑写进 gotchas 和校验脚本，用可验证循环防回归。\n- **配方优于自由** — 先按文章类型查主题库的「配方表」定组件组合，再装配，同类文章排版气质稳定。\n- **克制用色** — 主色只在锚点出现（全文 ≤5 处），大面积白底 + 灰阶，彩色只做点缀。\n- **灰阶承重** — 约 90% 的文字交给一套中性灰阶，色彩不承担正文阅读，避免花哨。\n\n## 🧠 方法论：不止 6 套，自己造主题\n\n### 主题生成：一句话 \u002F 一张参考图，现造一套新主题\n\n内置 6 套不够用时不必等更新——让 AI 现造一套。背后是 [`references\u002Ftheme-generator.md`](references\u002Ftheme-generator.md) 定义的第二条工作流：\n\n1. **收集偏好**（一次问全，不逐条追问）：主题描述必填（或给参考图），名称 \u002F 主色 \u002F 背景 \u002F 正文色 \u002F 强调色 \u002F 装饰色 \u002F 字体 \u002F 圆角 \u002F 阴影 \u002F 适用场景可留空自动补全。\n2. **生成区块库**：AI 产出 45~75 个区块的完整 HTML 组件库，存到 `assets\u002Ftheme-previews\u002F{id}.html`，浏览器整页一次浏览确认风格（不逐块问）。\n3. **转标准主题库 + 登记**：确认后转成 `references\u002Ftheme-{id}.md`（补 `\u003Cspan leaf>`、补齐五章节：变量表 \u002F 组件 \u002F 骨架 \u002F 配方表 \u002F 映射表），登记进 theme-index，跑 `component_lint.py` 到 0 ERROR。\n4. **即刻同权**：之后排版和内置主题完全一样，直接说「用 XX 主题排这篇」。\n\n**怎么触发**：\n\n> 按「黑白杂志、克莱因蓝点睛、衬线字体」的气质，给公众号排版生成一套新主题\n>\n> 按这张参考图（附图）做一套公众号排版组件库\n\n仓库里 `assets\u002Ftheme-previews\u002Ftheme-mono-blue-editorial.html` 就是这样生成的一套「墨蓝刊读风」样例。\n\n### 颜色搭配：一套可复制的配色结构，AI 自动生成协调色板\n\n每套主题的视觉都建立在一张**设计变量色板**上——配色不是拍脑袋，而是固定的角色分工：\n\n| 角色 | 作用 | 取色思路 |\n|---|---|---|\n| **主色** | 章节编号、锚点强调、封面点睛 | 一个有辨识度的品牌色（`#059669` emerald \u002F `#DC2626` 正红 …）|\n| **浅底 \u002F 浅边框** | 卡片背景、引用块、标签底 | 主色同色系的极浅色（主色 + 大量白）|\n| **点睛高亮色** | 每段 1~2 处黄底 \u002F 渐变高亮 | 与主色冷暖对比的第二色（绿配黄）|\n| **中性灰阶** | 正文 \u002F 标题 \u002F 辅助 \u002F 分割线 | `#111827 → #9CA3AF` 一套灰阶，承担 90% 的文字 |\n| **下划线标记色** | 正文关键词逐段标记 | 主色的浅色版（`#A7F3D0` \u002F `#FECACA`），温和不抢戏 |\n\n**克制三原则**：① 主色只在锚点出现（全文 ≤5 处）；② 大面积白底 + 灰阶，彩色只点缀；③ 一段内高亮 ≤2 种。\n\n**让 AI 自动配**：只给一个主色或一句气质描述，主题生成器就据此推导整套协调色板——浅底、边框、高亮、灰阶、下划线色自动生成并保证可读对比度：\n\n> 以 `#7C9EB2` 雾蓝为主色，生成一套清新旅行随笔风的公众号主题\n\n## 🗺 Roadmap\n\n- [x] 主题生成器：按描述\u002F参考图生成自定义主题\n- [ ] 更多精选内置主题（欢迎 [提建议](..\u002F..\u002Fissues\u002Fnew?template=theme_request.md)）\n- [ ] 主题静态截图预览（docs\u002Fscreenshots\u002F）\n- [ ] GitHub Pages 在线画廊\n- [ ] 一键把整篇 Markdown + 配图打包导出\n\n## ❓ FAQ\n\n**Q：粘贴到公众号后样式会掉吗？**\nA：不会。所有样式内联、文字 `\u003Cspan leaf=\"\">` 包裹，这正是校验脚本强制的重点。\n\n**Q：能自己加主题吗？**\nA：两种方式。① **让 AI 生成**：说「按这个风格 \u002F 这张图生成一套公众号主题」，它会走 `references\u002Ftheme-generator.md` 的流程生成组件库、登记并复用。② **手写贡献**：照 `CONTRIBUTING.md` 的「新增一套主题风格」，跑通可验证循环即可提 PR。\n\n**Q：只能在 Claude Code 用吗？**\nA：不限。任何能读取 Skill 目录的 Agent（Codex \u002F Cursor 等）都能用，工作流在 `SKILL.md`。\n\n**Q：对模型有要求吗？国产模型行不行？**\nA：不挑模型，**国内外模型都能跑出一致效果**。排版逻辑全部沉淀在组件库和校验脚本里，不依赖某家模型的特殊能力——Claude、GPT、Gemini，以及 DeepSeek、Kimi、通义千问、智谱 GLM 等国产模型都可以。模型只负责按规则填充内容，硬约束由校验脚本确定性兜底，所以换模型不会导致排版走样。\n\n**Q：能一次出多套主题对比吗？**\nA：能。说「用这几套主题各排一遍这篇」即可批量生成多套供你挑。\n\n**Q：怎么更新到最新版？**\nA：重新跑 `npx skills add https:\u002F\u002Fgithub.com\u002Fisjiamu\u002Fgzh-design-skill`，或到安装目录 `git pull`。\n\n**Q：Agent 写出来不合规怎么办？**\nA：跑 `scripts\u002Fvalidate_gzh_html.py`，报 ERROR 就回到装配步骤修；两关全绿才交付，仍有问题欢迎开 Issue。\n\n## 📋 完整主题速查表\n\n| 主色 | 主题 | 适用 |\n|---|---|---|\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002F059669\u002F059669.png) `#059669` | 摸鱼绿（默认） | 教程、测评、清单、工具盘点 |\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002FDC2626\u002FDC2626.png) `#DC2626` | 红白色系 | 深度分析、观点、力量感话题 |\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002F52525B\u002F52525B.png) `#52525B` | 石墨极简风 | 设计、科技评论、专业观点、高端品牌 |\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002F4A5D52\u002F4A5D52.png) `#4A5D52` | 留白禅意风 | 禅意、极简生活、深度随笔 |\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002F059669\u002F059669.png) `#059669` | 摸鱼票据风 | 工具对比、创意评测（票据视觉隐喻） |\n| ![](https:\u002F\u002Fplacehold.co\u002F12\u002F1e1f23\u002F1e1f23.png) `#1e1f23` | 橄榄手记 | 内刊手记、深度评测、案例复盘 |\n\n> 每套主题的英文标识、组件库文件、下划线 CSS 见 [`references\u002Ftheme-index.md`](references\u002Ftheme-index.md)。\n> 需要别的风格？让 AI 用 [主题生成器](#-faq) 现生成一套。\n\n## ⭐ Star History\n\n如果这个项目帮到了你，点个 Star 支持一下～\n\n\u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F?repos=isjiamu%2Fgzh-design-skill&type=date&legend=top-left\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fchart?repos=isjiamu\u002Fgzh-design-skill&type=date&theme=dark&legend=top-left&sealed_token=OSZCPLO_3NeTUKAtXcnNT6T3HuZwlFsH1HDGh6BcU0G2bdOm-5snTE01rzgYkwgNkF0pvraNI226pwK4jt9zYc4YuJ196yA1fcRRZKmfVQDMWqtE87dHqXn1E4v2q1mCWNFHzXAGJrCMEHx_0wwNmIVOg5nOaNCtRUYS2C_E1IlITdmy_yv7vpyVxqti\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fchart?repos=isjiamu\u002Fgzh-design-skill&type=date&legend=top-left&sealed_token=OSZCPLO_3NeTUKAtXcnNT6T3HuZwlFsH1HDGh6BcU0G2bdOm-5snTE01rzgYkwgNkF0pvraNI226pwK4jt9zYc4YuJ196yA1fcRRZKmfVQDMWqtE87dHqXn1E4v2q1mCWNFHzXAGJrCMEHx_0wwNmIVOg5nOaNCtRUYS2C_E1IlITdmy_yv7vpyVxqti\" \u002F>\n   \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fchart?repos=isjiamu\u002Fgzh-design-skill&type=date&legend=top-left&sealed_token=OSZCPLO_3NeTUKAtXcnNT6T3HuZwlFsH1HDGh6BcU0G2bdOm-5snTE01rzgYkwgNkF0pvraNI226pwK4jt9zYc4YuJ196yA1fcRRZKmfVQDMWqtE87dHqXn1E4v2q1mCWNFHzXAGJrCMEHx_0wwNmIVOg5nOaNCtRUYS2C_E1IlITdmy_yv7vpyVxqti\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n## 🤝 贡献\n\n欢迎新主题、修复与文档改进，请先读 [CONTRIBUTING.md](CONTRIBUTING.md)。\n\n## 📄 License\n\n**AGPL-3.0 © 2026 甲木 × 摸鱼小李**\n\n本项目采用 **GNU AGPL-3.0** 协议，要点：\n\n1. **必须署名** — 保留版权与联名署名声明\n2. **衍生品必须开源** — 任何修改版本、Fork、二次分发，必须以 AGPL-3.0（或兼容协议）公开发布，提供完整源代码\n3. **网络服务也要开源** — 即使只是把修改版本部署成 SaaS \u002F Web 服务给别人用而不分发代码，也要公开源代码（这是 AGPL 区别于 GPL 的核心）\n4. **不允许闭源、专有化、仅付费分发**\n\n完整条款见 [LICENSE](LICENSE)。\n\n> 🤝 **欢迎 AI Agent 厂商、模型厂商共创**：想把 gzh-design 集成进产品、或基于它做深度共建，我们很欢迎——共创协议请联系甲木。\n\n## 🙏 致谢\n\n- 本项目由 **甲木 × 摸鱼小李** 联名共建：核心组件库与主题设计标准凝聚了两人的公众号排版实践。\n- 质量工程（可验证循环）由 skill-optimizer 审计驱动打磨。\n\n---\n\n\u003Cdiv align=\"center\">\n\n\u003Cimg src=\"https:\u002F\u002Forigin.picgo.net\u002F2026\u002F07\u002F07\u002F22e8d28de5f71eee085939b2f4c1f19548b19a67a79bdb68.png\" width=\"600\" alt=\"甲木 × 摸鱼小李 公众号名片\">\n\n\u003Csub>关注我们的公众号，获取更多 AI 干货与排版实践 👆\u003C\u002Fsub>\n\n\u003C\u002Fdiv>\n","这是一个专为微信公众号内容排版设计的 AI Agent 技能工具，将 Markdown 文本一键转换为可直接粘贴至公众号编辑器、格式不丢失的精致 HTML。核心功能包括6套预设主题（如摸鱼绿、石墨极简等）、支持图文\u002FGIF\u002F代码块的富文本兼容、自动章节编号与关键词下划线、引言卡与目录生成、全内联样式与双关卡质量校验。技术上规避公众号平台对 class\u002Fstyle\u002Fdiv 等标签的过滤，确保粘贴后样式稳定。适用于公众号运营者、内容创作者快速将长文（教程、分析、测评、访谈等）转化为高一致性、高完成度的发布稿。",2,"2026-07-08 04:29:57","CREATED_QUERY"]