skills.rest
guanyang
guanyangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

baoyu-markdown-to-html

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

947|163|Updated Jan 13, 2026
Search Tags:#markdown#html#mermaid#wechat#plantuml#web-publishing
One-click install
npx skills add https://github.com/guanyang/open-agent-hub --skill baoyu-markdown-to-html-guanyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baoyu-markdown-to-html
Source: https://github.com/guanyang/open-agent-hub/tree/main/skills/baoyu-markdown-to-html
Command: npx skills add https://github.com/guanyang/open-agent-hub --skill baoyu-markdown-to-html-guanyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires baoyu-md, baoyu-chrome-cdp, and includes scripts (resource) components.

What problem does it solve?

Converts Markdown into beautifully styled HTML with WeChat-ready themes and inline CSS, enabling content publishing across platforms while preserving diagrams, math, and references.

Core Features & Use Cases

  • Inline CSS-styled HTML output optimized for WeChat Official Accounts and other platforms.
  • Mermaid and PlantUML diagrams rendered to PNGs (or fallbacks) and embedded inline.
  • Footnotes, alerts, infographics, and bottom citations support for rich content; supports themes, fonts, and colors for branding.

Quick Start

Convert a Markdown file to styled HTML using the default theme, with optional Mermaid diagrams and citation support.

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 Accounts?▼

You can convert Markdown to styled HTML for WeChat by applying inline CSS and WeChat-ready themes, ensuring your blog posts and notes render correctly when published on the platform.

Can I render Mermaid and PlantUML diagrams when converting Markdown to HTML?▼

Yes, converting Markdown to HTML supports rendering Mermaid and PlantUML diagrams to PNGs via headless Chrome, embedding them inline so complex technical diagrams display properly in published output.

Does converting Markdown to HTML with inline CSS support footnotes and math formulas?▼

Converting Markdown to HTML with inline CSS fully supports footnotes, math formulas, alerts, and bottom citations, enabling rich content formatting for technical documentation and blog posts.

What is the best way to customize themes and fonts when converting Markdown to HTML?▼

The best way to customize themes, fonts, and colors during Markdown to HTML conversion is by using CLI options, allowing you to apply specific branding and layout configurations to your publishable output.

Do I need a headless Chrome environment to convert Markdown with Mermaid diagrams?▼

Yes, converting Markdown with Mermaid diagrams to PNGs requires a headless Chrome environment, which handles the diagram rendering and inline embedding necessary for cross-platform web publishing.

Related Skills

Explore More Content & Communication Skills→
oldwinteroldwinter
5

baoyu-markdown-to-html

Convert Markdown files to styled HTML with WeChat-compatible themes.

Community
Intermediate
zephyrwang6zephyrwang6
14

baoyu-markdown-to-html

Convert Markdown documents into styled HTML pages with inline CSS.

Community
Advanced
yopitekyopitek

baoyu-post-to-weibo

Automates Weibo publishing including tweets, images, videos and formatted documents via your own browser.

Community
Advanced
XinAlohaXinAloha
3

baoyu-markdown-to-html

Convert Markdown files into styled HTML with WeChat-compatible themes and diagrams.

Community
Advanced