gzh-design

gzh-design is a WeChat Official Account (公众号) article-layout engine that converts a Markdown article into HTML you can paste straight into the WeChat editor without losing its styling. It solves the recurring pain of formatting long-form content for a platform that strips <style> tags, CSS classes, media queries, animations, grid, and CSS variables — the skill emits only inline-styled <section> fragments that survive the paste. Non-Markdown inputs (Word .docx, PDF, plain text, rich web text) are first normalized into a Markdown draft, using a bundled docx-extraction script for Word files and paged reading for PDFs.

The core asset is a library of registered themes under references/, each providing design variables, complete component HTML, a template skeleton, and mapping rules, plus a shared incremental library for code blocks, images/GIFs, and label headings. The workflow recommends a theme by matching article genre against theme-index, parses the Markdown structure (title, intro quote, sections, inline emphasis, images, code, tables), assembles components by recipe, and then runs a validation script that deterministically checks for platform-forbidden constructs and required span wrapping before delivery. A one-click auto mode can infer structure and pick a theme without prompting, and users can generate and save new custom themes from a description or reference image.

It targets Chinese content creators, marketers, and technical writers who publish to WeChat Official Accounts and want consistent, editor-safe typography — tutorials, roundups, opinion pieces, interviews, and data recaps — without hand-writing inline HTML for every article.