wechat-article-typeset

Converts finalized Markdown articles into gated WeChat-compatible inline-styled HTML.

5|1|Updated Jul 31, 2026
One-click install
npx skills add https://github.com/shiker1996/wechat-editroom --skill wechat-article-typeset-shiker1996
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wechat-article-typeset
Source: https://github.com/shiker1996/wechat-editroom/tree/main/skills/wechat-article-typeset
Command: npx skills add https://github.com/shiker1996/wechat-editroom --skill wechat-article-typeset-shiker1996

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning a finished Markdown article into HTML that the WeChat Official Account editor accepts is error-prone: styles get stripped, divs and scripts are rejected, and diagrams like Mermaid or ECharts break. This Skill orchestrates the full typesetting pipeline so a final draft becomes a validated, inline-styled HTML file ready for the WeChat editor. ## Core Features & Use Cases - Six-stage gated pipeline: Runs rendered, design, images, draft, normalized, and gate stages in strict order, stopping and preserving the last valid artifact on any failure. - Deterministic rendering: Converts Markdown to inline-styled HTML via a built-in converter driven by design tokens, with an optional experimental LLM draft path that falls back to the deterministic converter if fidelity gates fail. - Diagram and image handling: Renders Mermaid and ECharts fenced blocks to local PNG images through deterministic scripts, blocking rather than silently dropping content on failure. - Use Case: After finishing a 09-FINAL.md article in the content workflow, run this Skill to produce article.ai.html that passes the no-div, no-script, inline-style gate and can be pasted into the WeChat editor. ## Quick Start Use the wechat-article-typeset skill to typeset my 09-FINAL.md into the final article.ai.html for WeChat.

Frequently Asked Questions about wechat-article-typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Markdown to WeChat Official Account HTML?

Run the typesetting pipeline on your finalized Markdown file. It renders the content, applies magazine design tokens, converts diagrams to images, and outputs inline-styled HTML that passes the WeChat editor's restrictions on divs, scripts, and external styles.

How are Mermaid and ECharts diagrams handled in WeChat articles?

Mermaid and ECharts fenced code blocks are rendered to local PNG images by deterministic scripts, and the fences are replaced with image references. If rendering fails or a required image is missing, the pipeline blocks instead of dropping or faking content.

Does the WeChat HTML output allow divs or style tags?

No. The final gate rejects any HTML containing div elements, style tags, scripts, event attributes, or external stylesheets. All reader-visible styles must be inlined, and body text must be at least 15px.

What happens when a typesetting stage fails?

The pipeline stops at the failed stage, preserves the last valid artifact, and records the failure stage and reason in the stage execution log. It never deletes source Markdown or previously validated upstream outputs.

Can this skill publish or preview the article on WeChat?

No. The skill only produces the final article.ai.html file. It does not call external preview services, generate copy-page links, upload images or HTML, or log in to or publish on WeChat.