gzh-design-skill
A WeChat Official Account typesetting engine that converts Markdown, Word, PDF, or plain text into WeChat-compatible HTML. It uses a modular component library system to ensure consistent styling, automatic chapter numbering, keyword underlining, and platform-compliant formatting.
Is gzh-design-skill safe to install?
Review the source first: our audit of gzh-design-skill's source files found 3 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands for HTML validation and preview generation, and performs read/write operations on local files including theme libraries and output HTML files.
How we audit skills: our security review methodology.
Who is this skill for?
Content creators, social media managers, and writers who need to format articles for WeChat Official Accounts with professional, consistent, and platform-compliant layouts.
What can you do with it?
- Convert Markdown or document files into WeChat-ready HTML.
- Automate typesetting for articles based on specific themes.
- Generate custom design themes and component libraries from user descriptions or reference images.
- Apply automatic chapter numbering and keyword underlining to improve readability.
- Create preview pages for one-click copying to the WeChat editor.
How good is this skill?
Quality score: 5/10. The skill documentation is highly detailed, providing clear workflows, strict platform constraints, and specific instructions for both standard usage and custom theme development.
What does the skill file contain?
# 公众号文章排版 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](references/format-normalize.md) 按其规则转成 Markdown 草稿并做结构确认**（docx 用 `scripts/extract_docx.py`，PDF 用 Read 分页读取+清噪，纯文本按标题启发式推断结构）。什么都没给时，向用户索要。 用户说「直接排 / 自动排 / 一键 / 不用问」时进**全...
Frequently asked questions
How do I ensure my article is compatible with the WeChat editor?
The skill uses a mandatory validation script (validate_gzh_html.py) to check for platform-prohibited elements and ensures all text nodes are wrapped in <span leaf> tags.
Can I create my own custom theme?
Yes. You can request a new theme based on a description or reference image. The skill follows a specific generation workflow to create, validate, and register the new theme in the theme-index.md file.
What happens if my input is not in Markdown format?
The skill normalizes non-Markdown inputs (Word, PDF, plain text) into Markdown drafts using internal scripts (extract_docx.py) or heuristic structure inference before proceeding with typesetting.
How does the skill handle keyword underlining?
It automatically identifies 1–3 important phrases per paragraph—such as core viewpoints, conclusions, or key data—and applies the theme-specific underline CSS.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
brainstorming
256.4KDevelopers and project managers who need to define requirements, architecture, and design for software projects before writing code
A structured brainstorming framework that guides users through project exploration, design proposal, and specification before implementation. It enforces a strict design-first workflow, requiring user approval for designs and documentation before transitioning to the writing-plans skill.
simple
221.4KDevelopers and project managers who need a fast, lightweight decision-making process for feature design or component creation
A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.
emil-design-eng
114.3KDevelopers and designers building user interfaces who want to improve the feel and responsiveness of their software
This skill provides design engineering guidance based on Emil Kowalski's philosophy for UI polish, component design, and animation. It includes specific frameworks for animation decision-making, CSS transition techniques, and component interaction patterns.