git404hub

what is gzh-design-skill fr?

isjiamu/gzh-design-skill — explained in plain English

Analysis updated 2026-05-18

2,429HTMLAudience · writerComplexity · 2/5LicenseSetup · easy

tl;dr

An AI-agent skill that converts a Markdown article into paste-ready, formatted HTML for WeChat's official account editor.

vibe map

mindmap
  root((gzh-design-skill))
    What it does
      Converts Markdown to WeChat HTML
      Keeps formatting after pasting
      One click copy to clipboard
    Tech stack
      HTML
      Python validators
      AI agent skill format
    Use cases
      Format long articles for WeChat
      Pick from 6 built in themes
      Generate a custom theme
    Audience
      WeChat content writers
      AI agent skill users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Turn a finished Markdown article into WeChat-ready HTML with one of six preset themes.

VIBE 2

Generate a brand new visual theme from a text description or a reference image.

VIBE 3

Auto-number sections, underline keywords, and generate a summary card and table of contents.

VIBE 4

Validate that generated HTML meets WeChat's editor formatting restrictions before publishing.

what's the stack?

HTMLPythonClaude CodeCodexCursor

how it stacks up fr

isjiamu/gzh-design-skillyyx990803/build-your-own-mintbozhoudev/codex-orange-book
Stars2,4292,5382,579
LanguageHTMLHTMLHTML
Last pushed2022-12-102026-06-24
MaintenanceDormantActive
Setup difficultyeasymoderateeasy
Complexity2/53/51/5
Audiencewritervibe coderdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Install via the one-line skill installer command or manual clone into the agent's skills directory.

You can use and modify this freely, but if you run a modified version as a network service, you must also make that modified source code available.

in plain english

gzh-design-skill is a skill for AI coding agents such as Claude Code, Codex, and Cursor that turns a Markdown article into polished HTML ready to paste directly into the WeChat official account (gongzhonghao) publishing editor. Instead of writing raw Markdown and manually reformatting it inside WeChat's editor, a writer hands the agent a Markdown file, picks one of six built in visual themes, and the agent assembles HTML that keeps its formatting intact after pasting, because WeChat's editor strips many common web styling techniques. The six themes cover different article styles, from a card heavy tutorial and review look to a minimalist graphite style, a spacious contemplative style, and a magazine style meant for internal newsletters and case studies. If none of the built in themes fit, the tool includes a theme generator that can create a brand new theme from a short text description or a reference image, and save it locally for reuse. Content handling includes code blocks in light and dark variants, images, animated GIFs, block quotes, and lists, along with automatic numbering of sections, underlined keyword highlighting pulled from the body text, and generated summary cards and tables of contents. Because WeChat's editor blocks tags like style, script, and div along with CSS classes, grid layout, and fixed positioning, the generated HTML avoids all of these and instead inlines every style directly and wraps text in plain span tags. Quality is checked with two Python validation scripts rather than relying on the AI model to get formatting right on its own. One script lints the underlying theme component library for problems, and the other checks the final generated HTML file for banned tags, missing inline styling, and punctuation issues, refusing to pass until there are zero errors. The finished output includes a preview page with a one click copy button so the formatted article can be pasted straight into the WeChat editor. This project is intended specifically for formatting long form articles for the WeChat official account platform. It is explicitly not meant for building regular web pages, slide decks, social media image cards, or for writing article content itself, a Markdown draft needs to already exist before this tool is used on it. It is licensed under AGPL-3.0.

prompts (copy fr)

prompt 1
Install this skill and format article.md using the default theme.
prompt 2
Format this Markdown article for WeChat using the minimalist graphite theme.
prompt 3
Generate a new WeChat article theme based on this reference image.
prompt 4
Run the validation scripts on my generated HTML and fix any errors found.

Frequently asked questions

what is gzh-design-skill fr?

An AI-agent skill that converts a Markdown article into paste-ready, formatted HTML for WeChat's official account editor.

What language is gzh-design-skill written in?

Mainly HTML. The stack also includes HTML, Python, Claude Code.

What license does gzh-design-skill use?

You can use and modify this freely, but if you run a modified version as a network service, you must also make that modified source code available.

How hard is gzh-design-skill to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is gzh-design-skill for?

Mainly writer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.