skills.rest
oldwinter
oldwinterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

baoyu-markdown-to-html

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

5|Updated Jan 19, 2026
Search Tags:#documentation#markdown#html#styling#conversion#wechat
One-click install
npx skills add https://github.com/oldwinter/skills --skill baoyu-markdown-to-html-oldwinter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baoyu-markdown-to-html
Source: https://github.com/oldwinter/skills/tree/main/lenny-skills/marketing-skills/baoyu-markdown-to-html
Command: npx skills add https://github.com/oldwinter/skills --skill baoyu-markdown-to-html-oldwinter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @types/debug, @types/mdast, @types/ms, @types/unist, ansi-colors, argparse, bail, boolbase, character-entities, cheerio, cheerio-select, commander, css-select, css-what, debug, decode-named-character-reference, dequal, devlop, dom-serializer, domelementtype, domhandler, domutils, encoding-sniffer, entities, escape-goat, esprima, extend, fflate, front-matter, get-east-asian-width, highlight.js, htmlparser2, iconv-lite, is-plain-obj, js-yaml, juice, longest-streak, marked, mdast-util-from-markdown, mdast-util-phrasing, mdast-util-to-markdown, mdast-util-to-string, mensch, micromark, micromark-core-commonmark, micromark-extension-cjk-friendly, micromark-extension-cjk-friendly-util, micromark-factory-destination, micromark-factory-label, micromark-factory-space, micromark-factory-title, micromark-factory-whitespace, micromark-util-character, micromark-util-chunked, micromark-util-classify-character, micromark-util-combine-extensions, micromark-util-decode-numeric-character-reference, micromark-util-encode, micromark-util-normalize-identifier, micromark-util-resolve-all, micromark-util-sanitize-uri, micromark-util-subtokenize, micromark-util-symbol, micromark-util-types, ms, nth-check, parse5, parse5-htmlparser2-tree-adapter, parse5-parser-stream, prismjs, property-information, rc, reading-time, remark-parse, remark-stringify, remark-toc, ripemd160, safe-buffer, sass, semver, shell, slick, sprintf-js, strip-indent, stylis, supports-color, trim-newlines, ts-mdast-util-to-markdown, ts-remark-parse, ts-unified, unified, unist-builder, unist-util-is, unist-util-visit, undici, util, vfile, vfile-message, web-resource-inliner, whatwg-encoding, whatwg-mimetype, word-wrap, zwitch, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill converts Markdown files into beautifully styled HTML, optimized for platforms like WeChat Official Accounts, with support for code highlighting, math, PlantUML, footnotes, alerts, and infographics.

Core Features & Use Cases

  • Markdown to HTML Conversion: Transforms Markdown content into well-formatted HTML.
  • Customizable Themes & Colors: Offers multiple themes ('default', 'grace', 'simple', 'modern') and color options for tailored output.
  • Advanced Feature Support: Includes syntax highlighting, Mermaid diagrams, PlantUML diagrams, footnotes, alerts, and more.
  • Use Case: Convert a technical blog post written in Markdown into a visually appealing HTML page suitable for sharing on a company website or internal documentation platform.

Quick Start

Use the baoyu-markdown-to-html skill to convert the file 'article.md' to HTML using the 'grace' theme.

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

To convert Markdown to styled HTML for WeChat, this Skill transforms Markdown files into WeChat-compatible HTML with customizable themes like 'default', 'grace', 'simple', and 'modern'. It automatically applies inline styles and formatting suitable for WeChat Official Accounts publishing.

Does Markdown to HTML conversion support code highlighting and math formulas?▼

Yes, Markdown to HTML conversion supports advanced features including syntax code highlighting, math formulas, PlantUML diagrams, Mermaid diagrams, footnotes, alerts, and infographics. These elements are rendered into visually formatted styled HTML output.

Can I customize themes and colors when converting Markdown to HTML?▼

You can customize themes and colors when converting Markdown to HTML by selecting from multiple built-in themes such as 'grace' and 'modern'. This allows you to tailor the styled HTML output to match your specific visual branding requirements.

What is the best way to convert technical blog posts from Markdown to HTML?▼

The best way to convert technical blog posts from Markdown to HTML is using this Skill, which processes Markdown files into well-formatted HTML with code highlighting and diagram support. It produces visually appealing HTML pages suitable for company websites or internal documentation platforms.

How do I convert an MD file to HTML using the grace theme?▼

You convert an MD file to HTML using the grace theme by specifying the target Markdown file and selecting the 'grace' theme option. The Skill processes the Markdown content and outputs styled HTML optimized for platforms like WeChat Official Accounts.

Related Skills

Explore More Content & Communication Skills→
wx-chevalierwx-chevalier
10

baoyu-markdown-to-html

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

Community
Intermediate
chengyihuachengyihua

baoyu-markdown-to-html

Convert Markdown with frontmatter into styled HTML for WeChat articles.

Community
Advanced
hotriluanhotriluan
2

markdown-novel-viewer

Render Markdown documents into a book-like HTTP reading experience.

Community
Intermediate
acefrost511acefrost511

md2wechat

Convert Markdown articles into WeChat-compatible HTML with inline styles.

Community
Intermediate