
Lays out your Markdown as polished WeChat Official Account HTML that pastes into the editor without losing its formatting.
by isjiamu· DesignUnclaimed · Yours? Claim it
4 images
About
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.
Skills people install alongside gzh-design-skill.
Once it’s added
“Lay out article.md as WeChat HTML using the Moyu Green theme.”
“Format this product review for my Official Account with a theme that fits it.”
“Turn this Word draft into a WeChat-ready layout.”
“Make me a new theme from this reference image and save it.”
“Lay out this tutorial with numbered steps and code blocks.”
Before you add it
Reads only
Your Markdown, Word, PDF or plain-text article · A description or reference image for a new theme
Makes changes · your agent can ask first
Inline-styled HTML ready to paste into the WeChat editor · A preview page with a Copy button · New theme libraries you generate
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.copilot/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.cursor/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.claude/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.agents/skills/gzh-design
Runs on your machine.
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.gemini/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill .agents/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.openclaw/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.config/opencode/skills/gzh-design
Runs on your machine.
npx -y degit isjiamu/gzh-design-skill ~/.hermes/skills/gzh-design
Scanned and passed · checked 2 h ago
No reviews yet. Used gzh-design-skill? Say how it went.
Write a reviewSkills people install alongside gzh-design-skill.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use gzh-design-skill yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.