space-wechat-layout

Convert articles into WeChat Official Account-ready HTML layouts with a local preview and copy button.

Updated Aug 16, 2026
One-click install
npx skills add https://github.com/chuanyue98/skillhub --skill space-wechat-layout-chuanyue98
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: space-wechat-layout
Source: https://github.com/chuanyue98/skillhub/tree/main/vendored/SpaceZephyr/creator-buddy/gzh-Skills/space-wechat-layout
Command: npx skills add https://github.com/chuanyue98/skillhub --skill space-wechat-layout-chuanyue98

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? WeChat Official Account editors only accept inline-styled rich HTML, so pasting Markdown or plain drafts directly produces broken formatting. This Skill turns an article into a WeChat-compatible HTML layout with a local preview page and a one-click "复制 HTML" button that copies rich HTML ready to paste into the WeChat editor. ## Core Features & Use Cases - Three selectable visual styles: Claude (warm editorial), OpenAI (crisp documentation), and Google (modular cards with accent colors), with automatic style recommendation based on content type. - WeChat-safe HTML output: inline styles only, semantic tags, 677px content width, no external CSS/scripts, plus a Clipboard API copy flow with text/html and text/plain fallbacks. - Content preservation: keeps all facts, quotes, order, and conclusions intact, applying only layout-level adjustments like heading normalization, paragraph splitting, and styled tables/cards. - Use Case: Paste a longform Chinese product review, choose the Claude style, open the local preview, click "复制 HTML", and paste the formatted article directly into the WeChat draft editor. ## Quick Start Ask the agent to use space-wechat-layout to turn your pasted article into a WeChat-ready HTML preview page with a copyable rich HTML button.

Frequently Asked Questions about space-wechat-layout

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

FAQPage Schema
How do I format an article for WeChat Official Account?▼

Paste your article and let the Skill build a local HTML preview page styled for WeChat. Click the "复制 HTML" button, then paste the copied rich HTML directly into the WeChat editor's body area.

What layout styles are available for WeChat article formatting?▼

Three styles are available: Claude (warm off-white editorial look), OpenAI (crisp white documentation style), and Google (modular cards with blue/green/yellow/red accents). If you do not choose, the Skill picks one based on your content type.

Why does pasted HTML lose formatting in the WeChat editor?▼

The WeChat editor strips external CSS, scripts, web fonts, and CSS variables. This Skill avoids that by using only inline styles and simple semantic tags like section, h1-h3, p, table, and blockquote in the copied article HTML.

Does the WeChat layout tool rewrite my article content?▼

No. It preserves all facts, order, quotes, scores, and conclusions. Only layout-level adjustments are allowed, such as normalizing heading levels, splitting very long paragraphs, and converting tables or lists into styled HTML.

Can I use the copied HTML on mobile WeChat editor?▼

The preview page is responsive and the copied article uses a 677px max-width centered layout that matches WeChat's reading width. Copying relies on the Clipboard API with a document.execCommand fallback for older browsers.