skills.rest
lisposter
lisposterCOMMUNITY
Explore all skills by this author →
GitHub

baoyu-markdown-to-html

Convert Markdown to WeChat-compatible styled HTML with inline CSS.

1|Updated Feb 2, 2026
Search Tags:#markdown#html#rendering#themes#infographics#WeChat#PlantUML
One-click install
npx skills add https://github.com/lisposter/creator --skill baoyu-markdown-to-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baoyu-markdown-to-html
Source: https://github.com/lisposter/creator/tree/main/.agents/skills/baoyu-markdown-to-html
Command: npx skills add https://github.com/lisposter/creator --skill baoyu-markdown-to-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires front-matter, highlight.js, juice, marked, reading-time, remark-cjk-friendly, remark-parse, remark-stringify, unified, fflate, and includes scripts (resource) components.

What problem does it solve?

Converts Markdown into styled HTML using WeChat-compatible themes, enabling rich formatting such as code highlighting, math rendering, PlantUML, footnotes, alerts, and infographics.

Core Features & Use Cases

  • Converts Markdown into HTML ready for publication on WeChat Official Account and other platforms.
  • Supports multiple themes (default, grace, simple), inline CSS, and improved typography.
  • Includes code highlighting, math support, PlantUML, Mermaid, footnotes, and infographic blocks.

Quick Start

Use the skill to convert a Markdown file to HTML and save the result next to the source file. Then you can specify a theme, title, or whether to keep the first heading.

  • Quick Start example: npx -y bun ${SKILL_DIR}/scripts/main.ts article.md npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title "My Article"

Frequently Asked Questions about baoyu-markdown-to-html

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

FAQPage Schema
How do I convert Markdown to styled HTML for WeChat Official Account publishing?▼

To convert Markdown to styled HTML for WeChat, you use a rendering pipeline that applies inline CSS and WeChat-compatible themes. The output HTML file is saved in the same directory as your source Markdown file.

What is the best way to render Markdown with code highlighting and math formulas into HTML?▼

Rendering Markdown with code highlighting and math formulas into HTML requires a parser that supports inline CSS and specialized syntax. This process transforms standard Markdown into a richly formatted HTML document ready for publication.

Does the Markdown to HTML conversion support PlantUML and Mermaid diagrams?▼

Yes, the Markdown to HTML conversion supports PlantUML and Mermaid diagrams. It transforms diagram syntax within your Markdown source into visual graphics embedded directly in the final styled HTML output.

Can I use different themes when converting Markdown to HTML for WeChat?▼

Yes, you can apply different themes when converting Markdown to HTML. The rendering pipeline supports multiple WeChat-compatible themes, including default, grace, and simple, which can be specified via command line arguments.

Do I need Bun or Node to run a Markdown to HTML rendering script?▼

Yes, you need a Bun or Node environment to execute the Markdown to HTML rendering script. The pipeline relies on a TypeScript execution environment to process the Markdown and generate the styled HTML output.

Why does my Markdown to HTML conversion require YAML frontmatter?▼

Markdown to HTML conversion requires YAML frontmatter to provide essential metadata for the rendering pipeline. This metadata ensures the document is processed correctly and allows you to specify parameters like the article title and target theme.

Related Skills

Explore More Content & Communication Skills→
jesusjbricenojesusjbriceno

bun-development

Automate JavaScript/TypeScript development workflows using the Bun runtime.

Community
Advanced
wangcb8i8iwangcb8i8i

wechat-format

Convert Markdown content to WeChat-compatible HTML for Official Account publishing.

Community
Advanced
cocyuhaococyuhao
1

baoyu-markdown-to-html

Convert Markdown files into styled HTML with WeChat-ready themes.

Community
Intermediate
TLOGBenTLOGBen

book

Convert URLs, file paths, or plain text into HTML documents.

Community
Advanced