Converts Markdown articles into WeChat Official Account ready HTML that actually survives the platform's paste quirks. It pulls from a theme library with complete component sets (quote cards, section headers, code blocks, signature blocks), auto-numbers chapters, underlines key phrases in every paragraph, and wraps everything in the required span leaf tags. Handles Word, PDF, and plain text inputs by normalizing them to Markdown first. The real workflow is smart: it recommends themes based on content type (tutorials get one style, think pieces another), runs a validation script to catch platform violations before you paste, and generates a preview page with a one-click copy button. Ships with custom theme generation if you want your own look. This is production tooling for people who publish regularly and are tired of manual formatting.

skills.sh installs
2.4K
GitHub stars
4.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add isjiamu/gzh-design-skill --skill gzh-design --agent claude-code

Installs into .claude/skills of the current project.

Files

公众号文章排版 Skill

把一篇 Markdown 文章转换为可直接复制粘贴进微信公众号编辑器、且粘贴后样式不丢失的 HTML。

核心资产是 references/ 下的主题组件库(每套一个主题:设计变量 + 各组件完整 HTML + 模板骨架 + 映射规则)外加 1 套通用增量库(代码块 / 图片·GIF / 小标签标题,所有主题共用)。主题清单以 references/theme-index.md 为单一来源。本 SKILL.md 只负责流程与决策,具体 HTML 代码一律从组件库取,不要凭记忆手写。

工作流

0. 输入与格式归一化

用户可能给:Markdown 文本或 .md 路径(直接进第 1 步)、.docx、.pdf、.txt/无标记纯文本、网页富文本。非 Markdown 输入必须先读 references/format-normalize.md 按其规则转成 Markdown 草稿并做结构确认(docx 用 scripts/extract_docx.py,PDF 用 Read 分页读取+清噪,纯文本按标题启发式推断结构)。什么都没给时,向用户索要。

用户说「直接排 / 自动排 / 一键 / 不用问」时进全自动模式:跳过结构确认与选主题提问,自动推断结构、按题材自选主题、排版校验,交付时附决策说明(章节结构、自拟标题、选题理由)。

1. 选主题(自动推荐制)

读 references/theme-index.md(主题信息的单一来源)。据文章题材主动推荐最契合的主题,再让用户一步确认——推荐但不擅自定死:

Sponsors

Details

Repository
github.com/isjiamu/gzh-design-skill
Categories
Frontend Development, Marketing & SEO, Design & UI/UX, Office & Documents
First seen
Jul 14, 2026
1modelcontextprotocol avatarcreate-mcp-appmodelcontextprotocol/ext-appsThis skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs2.3Kskills.sh installs
2nexu-io avatargsap-performancenexu-io/open-designOfficial GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or w2.3Kskills.sh installs
3enzed avatarr3f-animationenzed/r3f-skillsReact Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motio2.2Kskills.sh installs
4cocoon-ai avatararchitecture-diagramcocoon-ai/architecture-diagram-generatorCreate polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or netwo2.2Kskills.sh installs
5open-pencil avataropen-pencilopen-pencil/skillsWork with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify 2.2Kskills.sh installs
6madteacher avatarflutter-adaptive-uimadteacher/mad-agents-skillsBuild, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices. Use whe2Kskills.sh installs