Claude Skill MartBrowse skillsWhat is a Skill?
 
← Back to list

Markdown to HTML Converter (WeChat themes)

Turns Markdown files into beautifully styled, inline-CSS HTML ready to paste into WeChat or any editor.

Content & WritingIntermediate★ 24,749⑂ 2,764AI score 8/10Last updated: Jul 4, 2026

What it does

Converts Markdown into self-contained HTML with inline CSS, so formatting survives editors that strip external stylesheets — most notably WeChat Official Account.

  • 4 themes (default, grace, simple, modern), 13 preset accent colors, font family and size options
  • Syntax highlighting, math, footnotes, GitHub-style alerts (> [!NOTE]), ruby annotations
  • Mermaid blocks rendered to cached PNGs via headless Chrome, with graceful fallback when Chrome is missing
  • PlantUML diagram support
  • --cite mode converts external links to numbered superscripts plus a bottom references section
  • Emits JSON (output path, title, image manifest) so you can chain it into other automation
  • Project- or user-level EXTEND.md for default theme and custom CSS variables

Who it's for

  • Writers publishing to paste-HTML platforms such as WeChat, newsletters, or internal CMSs
  • Tech bloggers who need one consistent house style across every article
  • Developers who embed Mermaid/PlantUML diagrams in their docs

Examples

  1. Basic conversion: "convert article.md to HTML with the grace theme" → produces article.html, backing up any existing file with a timestamp.
  2. Brand styling: run with --theme modern --color red for a red-gold article; the leading H1 is stripped so it doesn't duplicate the editor's title field.
  3. Reference cleanup: for link-heavy research posts, add --cite to get superscript markers inline and a tidy citation list at the end.

· · · Install guide · · ·

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the skills/baoyu-markdown-to-html folder from the GitHub repo JimLiu/baoyu-skills into my ~/.claude/skills/baoyu-markdown-to-html/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/JimLiu/baoyu-skills.git /tmp/baoyu-skills && mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-markdown-to-html ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal and clone the repo: git clone https://github.com/JimLiu/baoyu-skills.git
  2. Copy the skill folder into Claude: mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-markdown-to-html ~/.claude/skills/
  3. Ensure a runtime exists: check bun --version; if missing, install with curl -fsSL https://bun.sh/install | bash, or rely on npx -y bun if Node.js is installed.
  4. (Optional) Install Chrome, Chromium, or Edge to render Mermaid diagrams as PNGs; without it the skill still succeeds using a code-block fallback.
  5. Restart Claude Code and ask: "convert this markdown file to HTML".
  6. (Optional) Create ~/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md with a line like default_theme: modern so you are never asked to pick a theme again.
View source on GitHub ↗License: MIT