skills.rest
bozhouDev
bozhouDevCOMMUNITY
Explore all skills by this author →
GitHub

wechat-markdown-editor

Convert Markdown to WeChat-optimized HTML with theme-aware styling.

76|6|Updated Mar 12, 2026
Search Tags:#markdown#html#styling#rendering#conversion#wechat#plantuml
One-click install
npx skills add https://github.com/bozhouDev/bozhou-skills --skill wechat-markdown-editor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wechat-markdown-editor
Source: https://github.com/bozhouDev/bozhou-skills/tree/main/wechat-markdown-editor
Command: npx skills add https://github.com/bozhouDev/bozhou-skills --skill wechat-markdown-editor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires wechat-md, and includes scripts (resource) components.

What problem does it solve?

Converts Markdown into styled HTML tailored for WeChat Official Accounts, ensuring consistent typography, theme compatibility, and ready-to-publish output with support for code highlighting, math formulas, PlantUML, footnotes, alerts, and external link bottom references.

Core Features & Use Cases

  • WeChat-ready HTML: Markdown is converted into themed HTML with inline CSS tuned for WeChat styling, including support for WeChat-compatible themes (bytedance, grace, simple, modern, default).
  • Rich Markdown Support: Includes code blocks with syntax highlighting, inline code, tables, images, footnotes, blockquotes, and embedded diagrams (PlantUML, Mermaid, etc.) through integrated extensions.
  • Flexible Rendering Options: Choose themes, colors, font settings, and citation behaviors; optionally keep first heading and generate a final HTML output alongside optional metadata.
  • Workflow Automation: Provides a deterministic script flow to render Markdown to HTML, manage backups, and produce a JSON output with metadata and content image mappings.

Quick Start

Run the converter on a Markdown file to produce a corresponding HTML file in the same directory and review the rendered output.

Quick Start (example)

Use the wechat-markdown-editor to convert article.md into article.html with default theme settings.

Frequently Asked Questions about wechat-markdown-editor

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

FAQPage Schema
How do I convert Markdown to WeChat-ready HTML with proper styling?▼

Yes, you can render PlantUML and Mermaid diagrams embedded in Markdown into WeChat-compatible HTML, as the integrated extensions process embedded diagrams alongside code blocks, math formulas, and footnotes into final HTML output.

Can I render Markdown containing PlantUML diagrams for WeChat Official Accounts?▼

Yes, you can render PlantUML and Mermaid diagrams embedded in Markdown into WeChat-compatible HTML, as the integrated extensions process embedded diagrams alongside code blocks, math formulas, and footnotes into final HTML output.

How do I apply different themes when converting Markdown to WeChat HTML?▼

You can apply different themes during Markdown to WeChat HTML conversion by using command-line options to select from compatible themes like bytedance, grace, simple, modern, or default, ensuring consistent typography across your content.

Does the Markdown to WeChat HTML conversion support syntax highlighting and footnotes?▼

The conversion requires the wechat-md rendering library to parse Markdown and render HTML with React-like frontmatter handling, so you must have this dependency installed in your environment before running the script.

What do I need to render Markdown to WeChat HTML using the command line?▼

The conversion requires the wechat-md rendering library to parse Markdown and render HTML with React-like frontmatter handling, so you must have this dependency installed in your environment before running the script.

How are external links and citation references handled in WeChat HTML output?▼

External links and citation references in WeChat HTML output are managed through configurable citation behaviors, generating bottom references and optional metadata to comply with WeChat Official Account formatting constraints.

Related Skills

Explore More Content & Communication Skills→
SpillwaveSolutionsSpillwaveSolutions
46

plantuml

Generate and render PlantUML diagrams from Markdown and code.

Official
Advanced
812lcl812lcl

baoyu-post-to-wechat

Publish Markdown, HTML, or plain text articles to WeChat Official Accounts via API or Chrome.

Community
Advanced
guanyangguanyang
947

baoyu-markdown-to-html

Convert Markdown to styled HTML with WeChat-ready themes and diagram rendering.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate