# gzh-design-skill

> Lays out your Markdown as polished WeChat Official Account HTML that pastes into the editor without losing its formatting.

gzh-design-skill (公众号排版技能) is a community Agent Skill by 甲木 (isjiamu), built with 摸鱼小李, that turns a finished Markdown article into styled HTML for the WeChat Official Account editor. Every style is inlined and every text node wrapped the way the editor expects, so the layout survives when you paste it in.

What you can do with it
- Lay out an article in one of six themes, from the default Moyu Green to Red and White, Graphite Minimal, Zen Whitespace, Moyu Ticket and Olive Notes
- Generate a new theme from a one-line description or a reference image, and save it for reuse
- Turn Word, PDF or plain-text drafts into Markdown first, then lay them out
- Get automatic chapter numbering, keyword underlines, pull-quote cards, a table of contents, code blocks, images and GIFs, and a merged author signature

How it works
- It suggests a theme that fits the topic and asks you to confirm, loads that theme's component library, parses your Markdown and assembles the HTML from real components.
- Two bundled Python checks keep output within WeChat's limits: one on the theme libraries and one on the final HTML, which must pass with zero errors. It also converts body punctuation to full-width Chinese, leaving code untouched.
- You get a clean HTML fragment plus a preview page with a Copy button for pasting into the editor.

How to install it
- npx skills add https://github.com/isjiamu/gzh-design-skill, or clone it into ~/.claude/skills/gzh-design, or ask your agent to install it from the repo.

Good to know
- It lays out articles; it doesn't write them.
- It's a community project under the AGPL-3.0 license.

- Type: Skill
- Made by: isjiamu
- Category: Design
- Formats: Skills
- Version: 78c9390
- Website: https://github.com/isjiamu/gzh-design-skill
- Source: https://github.com/isjiamu/gzh-design-skill
- Page: https://pluginboard.ai/skills/gzh-design-skill

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the gzh-design folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Claude

In Claude (web or desktop): Download the gzh-design folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Gemini

In Gemini: Download the gzh-design folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.copilot/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Cursor

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.cursor/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Claude Code

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.claude/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Codex

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.agents/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Antigravity

In Antigravity: Copy the gzh-design folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Gemini CLI

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.gemini/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Replit

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill .agents/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### OpenClaw

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.openclaw/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### OpenCode

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.config/opencode/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

### Hermes Agent

Run in your terminal:

```shell
npx -y degit isjiamu/gzh-design-skill ~/.hermes/skills/gzh-design
```

View the folder on GitHub: https://github.com/isjiamu/gzh-design-skill

---
From Pluginboard (https://pluginboard.ai).