gzh-design-skill is an AI agent skill that converts Markdown into paste-ready HTML formatted for WeChat Official Accounts.
The tool solves the problem of formatting articles for WeChat's editor, which strips out external stylesheets and many HTML structures. It works by converting Markdown to fully inlined HTML with all styling embedded directly in tags, ensuring the formatted output remains intact when pasted into WeChat's editor without losing visual design. The tool includes six pre-built themes, each with its own component library and design variables, plus a theme generator that can create new themes from text descriptions or reference images. It handles code blocks with syntax highlighting options, images, GIFs with animation badges, inline code, quotes, lists, and product badges. The conversion process automatically numbers chapters, underlines one to three keywords per paragraph, extracts pull quotes and tables of contents from the main text, and deduplicates author signatures. All text uses full-width Chinese punctuation where appropriate while preserving original formatting in code blocks.
Developers should choose this tool if they regularly publish to WeChat Official Accounts and want to maintain consistent visual design across articles without manual formatting work. It suits projects where content is authored in Markdown and needs to be published to WeChat with rich formatting intact. The tool is specifically designed for the WeChat platform's limitations and filtering rules, making it most valuable for those publishing in that ecosystem rather than general web publishing.
The project shows active refinement of its core functionality through dual-stage validation systems that check both component libraries at the source level and final HTML output. Development incorporates real-world publishing practices from multiple contributors who maintain WeChat accounts, grounding the tool's design decisions in practical experience rather than theoretical assumptions.
