🎨
WritingHTML

GZH Design

by isjiamu

GZH Design is a Writing skill for Claude Code, published by isjiamu in gzh-design-skill.

3.1K stars365 forkson isjiamu/gzh-design-skillAdded 2026/08/17+3% in starsRepository updated 2026/07/08
agent-skillai-agentclaude-codecodexcursorgongzhonghaohtmlmarkdownrich-textskilltypesettingwechatweixin
Install in seconds
Install GZH Design
Copy GZH Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/isjiamu/gzh-design-skill ~/.claude/skills/gzh-design-skill

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/isjiamu/gzh-design-skill.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
SKILL.md in isjiamu/gzh-design-skill
Installs to
~/.claude/skills/gzh-design-skill
Collection
The only skill cataloged from this repository
Category
Writing1012 skills

What GZH Design does

GZH Design converts Markdown (or Word/PDF/plain text) into inline-styled HTML that can be pasted directly into WeChat's editor without losing formatting. It selects from registered themes, automatically numbers sections, marks keywords, and validates against platform restrictions.

GZH Design is cataloged under Writing on DirSkills. GZH Design comes from a repository tagged agent-skill, ai-agent, claude-code, codex and cursor.

Documentation

README

公众号文章排版 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(主题信息的单一来源)。据文章题材主动推荐最契合的主题,再让用户一步确认——推荐但不擅自定死:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about GZH Design

  • How does GZH Design compare to other Writing skills?

    GZH Design ranks #217 by stars among the 1012 Writing skills in this catalog. The most-starred ones next to it are Article Writing, Social Media Content Calendar and Knowledge Comic Creator. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of GZH Design against them. Open each page to compare what they document and how they install.