wechat-article-formatter_skill

Overview

This skill converts Markdown articles into polished HTML optimized for WeChat Official Account (公众号) publishing using an AI-focused visual theme. It applies professional CSS, code syntax highlighting, responsive layout, and custom components like info cards and badges to create consistent, publish-ready content. The tool speeds up formatting tasks and reduces manual cleanup after paste into the WeChat editor.

How this skill works

The skill parses a provided .md file or pasted Markdown, maps custom shortcodes (::: info / success / warning / danger / tech, and [!BADGE]) to styled HTML components, and injects an AI-tech CSS theme with Atom One Dark code highlighting. It removes H1 from the body (WeChat title handled separately), inlines styles for portability, and optionally opens a preview in the browser. Basic validation checks (title, code blocks, cards, badges, image paths, tables) are produced to guide quick fixes.

When to use it

• You have a Markdown article ready for WeChat and want a professional layout quickly.
• You need consistent visual styling across multiple WeChat posts in the AI domain.
• You want syntax-highlighted code blocks and special components (cards, badges) preserved.
• You prefer an automated preview before copying HTML into the WeChat editor.
• You need to convert the latest generated .md file from a writing tool without manual steps.

Best practices

• Provide the Markdown file path or paste content; confirm which .md to use if multiple exist.
• Specify code block languages (```python) to ensure proper syntax highlighting.
• Use the ::: and [!TAG] syntaxes exactly as documented for cards and badges.
• Check the generated HTML preview and upload local images to WeChat editor after pasting.
• Keep complex tables to four columns or fewer, or convert wide tables to images.

Example use cases

• Turn a technical AI blog post written in Markdown into a WeChat-ready HTML with badges and info cards.
• Automate formatting for a weekly newsletter so all posts share the same AI-tech visual identity.
• Quickly preview and correct code block styling before publishing tutorials to WeChat.
• Batch-convert the latest draft from a writer tool and open a browser preview for final review.
• Prepare posts that include model comparisons, prompts, and API samples using specialized components.