🎯

baoyu-markdown-to-html

🎯Skill

from jimliu/baoyu-skills

What it does

Converts Markdown files to clean, semantic HTML with support for custom styles, code highlighting, and responsive rendering.

Overview

Baoyu Markdown to HTML is a Claude Code skill that converts Markdown files to beautifully styled HTML with inline CSS, optimized for WeChat Official Account and other platforms. It supports code highlighting, math rendering, PlantUML diagrams, footnotes, alerts, and infographics.

Key Features

Converts Markdown to styled HTML with WeChat-compatible themes
Supports code syntax highlighting and math formula rendering
Handles PlantUML diagrams, footnotes, and alert blocks
Customizable themes via EXTEND.md configuration files
CJK content detection with optional formatting pre-processing

Who is this for?

This skill is for content creators and developers who publish technical articles on WeChat Official Account or other platforms requiring styled HTML output. It is particularly useful for Chinese-language content authors who need reliable Markdown-to-HTML conversion with proper CJK formatting.

📦

Same repository

jimliu/baoyu-skills(27 items)

baoyu-markdown-to-html

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add jimliu/baoyu-skills --skill baoyu-markdown-to-html

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add jimliu/baoyu-skills --skill baoyu-markdown-to-html

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/baoyu-markdown-to-html/SKILL.md

SKILL.md

19,039Installs

12,435

Last UpdatedMar 27, 2026

View on GitHub Back to Skills

More from this repository10

🎯

baoyu-post-to-wechat🎯Skill

A Claude Code skill for publishing content to WeChat Official Accounts, supporting article posting via API/browser and image-text posting with up to 9 images, with configurable preferences and a structured 7-step publishing workflow.

🎯

baoyu-image-gen🎯Skill

AI SDK-based image generation skill supporting OpenAI, Google, and DashScope providers with text-to-image generation, reference images, aspect ratio control, and quality presets through a unified slash command interface.

🎯

baoyu-cover-image🎯Skill

A Claude Code skill that generates article cover images using a 5-dimensional system (Type, Palette, Rendering, Text, Mood) with 9 color palettes and 6 rendering styles for 54 unique combinations.

🎯

baoyu-xhs-images🎯Skill

A Claude Code skill that generates Xiaohongshu (RedNote) infographic card series from content using a Style x Layout 2D system with 9 visual styles and 6 layout types.

🎯

baoyu-article-illustrator🎯Skill

A Claude Code skill that analyzes articles, identifies optimal illustration positions, and generates images using a Type x Style two-dimensional system with 6 types and multiple visual styles.

🎯

baoyu-slide-deck🎯Skill

A Claude Code skill that transforms written content into professional slide deck images with 16 visual style presets, smart content scaling, and multi-language support.

🎯

baoyu-infographic🎯Skill

Generates professional infographics by combining 20 layout types (bento-grid, funnel, timeline, etc.) with 17 visual styles (craft-handmade, cyberpunk, pixel-art, etc.), with auto-recommended combinations based on content analysis.

🎯

baoyu-url-to-markdown🎯Skill

Fetches any URL via Chrome CDP with full JavaScript rendering and converts it to clean markdown with metadata. Supports auto-capture and wait mode for login-required or dynamically loaded pages.

🎯

baoyu-comic🎯Skill

A Claude Code skill for creating educational and narrative comics with 5 art styles, 7 tones, 3 presets, and 6 layout options, generating detailed panel layouts and sequential images from source material or text input.

🎯

baoyu-post-to-x🎯Skill

Agent skill for posting text, images, and long-form Markdown articles to X (Twitter) directly from Claude Code using Chrome CDP, part of Baoyu's cross-platform content publishing suite.