baoyu-markdown-to-html
Converts Markdown files to styled HTML with themes optimized for WeChat Official Accounts. It supports syntax highlighting, math, Mermaid diagrams, PlantUML, footnotes, alerts, and optional bottom citations for external links.
Is baoyu-markdown-to-html safe to install?
Review the source first: our audit of baoyu-markdown-to-html's source files found 2 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands using bun or npx and performs file system operations including reading markdown files and writing HTML files.
How we audit skills: our security review methodology.
Who is this skill for?
Users who need to convert Markdown documents into styled HTML for publishing on platforms like WeChat.
What can you do with it?
- Convert Markdown to styled HTML
- Render Mermaid diagrams to PNG images
- Render PlantUML diagrams
- Format external links as bottom citations
- Apply custom themes and CSS variables to HTML output
How good is this skill?
Quality score: 5/10. The documentation is comprehensive, clearly defining the workflow, configuration options, and technical requirements.
What does the skill file contain?
# Markdown to HTML Converter Converts Markdown files to beautifully styled HTML with inline CSS, optimized for WeChat Official Account and other platforms. ## User Input Tools When this skill prompts the user, follow this tool-selection rule (priority order): 1. **Prefer built-in user-input tools** exposed by the current agent runtime — e.g., `AskUserQuestion`, `request_user_input`, `clarify`, `ask_user`, or any equivalent. 2. **Fallback**: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question. 3. **Batching**: ...
Frequently asked questions
How does the skill handle Mermaid diagrams?
It renders Mermaid code blocks to PNG images using headless Chrome and caches them in the imgs/.mermaid-cache/ directory. If Chrome is unavailable, it falls back to a <pre class="mermaid"> tag.
Can I customize the styling?
Yes, you can use an EXTEND.md file to define default themes, custom CSS variables, and Mermaid settings. You can also pass command-line options like --theme, --color, --font-family, and --font-size.
How do I enable bottom citations for links?
Pass the --cite flag when running the conversion script. This moves ordinary external links to a final section, though WeChat links remain inline.
What happens if the output HTML file already exists?
The skill creates a backup of the existing file with a timestamp suffix before writing the new output.
Related skills
copy-editing
76.3KMarketers, copywriters, and content creators who need to refine, polish, or refresh existing marketing materials
The copy-editing skill provides a structured framework for reviewing and improving existing marketing copy. It uses a seven-sweep process covering clarity, voice, benefits, proof, specificity, emotion, and risk reduction, alongside an expert panel scoring system for quality assurance.
firecrawl-scrape
70.3KUsers who need to extract clean text content from websites for analysis or processing
The firecrawl-scrape skill extracts content from URLs into LLM-optimized markdown. It handles static and JavaScript-rendered pages and supports concurrent scraping of multiple URLs.
obsidian-markdown
51.9KUsers working with Obsidian vault files who need to generate or modify notes using Obsidian-specific syntax
The obsidian-markdown skill provides instructions and syntax patterns for creating and editing Obsidian Flavored Markdown. It supports wikilinks, embeds, callouts, frontmatter properties, tags, comments, highlights, LaTeX math, Mermaid diagrams, and footnotes.
huashu-design
35.2KManagers and designers who need high-fidelity visual outputs like product mockups, presentation decks, or motion demos using HTML as the primary medium
Huashu-Design is an AI agent skill for creating high-fidelity design prototypes, slide decks, animations, and visualizations using HTML. It emphasizes brand-specific assets, real-world design standards, and iterative feedback, while strictly avoiding generic AI-generated design patterns.