skills.rest
dontbesilent2025
dontbesilent2025COMMUNITY
Explore all skills by this author →
WebsiteGitHub

dbs-wechat-html

Convert Markdown articles into paste-ready HTML for WeChat Official Account editors.

9.8k|1.1k|Updated Mar 20, 2026
Search Tags:#HTML#Markdown#convert#article publishing#weChat#Formatting#inline styles
One-click install
npx skills add https://github.com/dontbesilent2025/dbskill --skill dbs-wechat-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dbs-wechat-html
Source: https://github.com/dontbesilent2025/dbskill/tree/main/skills/dbs-wechat-html
Command: npx skills add https://github.com/dontbesilent2025/dbskill --skill dbs-wechat-html

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Content copied from browsers into the WeChat Official Account editor loses styles because the editor strips <style> tags, classes, and inherited CSS. This Skill converts Markdown drafts into HTML where every visible element carries complete inline styles, so the layout survives copy-paste into the WeChat backend.

Core Features & Use Cases

  • Paste-Safe HTML Generation: Expands all CSS into per-element inline styles, removes <style> tags, classes, pseudo-elements, and scripts, and flattens the document structure for WeChat compatibility.
  • 15 Built-in Visual Styles: Includes minimal, Medium, WIRED, Stripe, FT, Linear, GitHub, Notion, course handout, event announcement, and more, selectable by style id, natural language description, or flags like --preview and --all.
  • Preview Overview Page: Generates a local overview page linking all generated style variants so you can compare them in a browser before choosing one.
  • Use Case: You finished a Markdown article about a product launch. Run the Skill with --preview to get six styled HTML files, open the overview page, pick the WIRED style, then Cmd+A / Cmd+C and paste it directly into the WeChat editor.

Quick Start

Convert my Markdown file article.md into WeChat-ready HTML using the minimal style and open the result in my browser.

Frequently Asked Questions about dbs-wechat-html

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

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

Provide the Markdown file or pasted content and choose a style, or use --preview for six recommended styles. The Skill generates HTML with all styles inlined on each element, which you open in a browser, select all, copy, and paste into the WeChat editor.

Why does formatting disappear when pasting HTML into WeChat editor?▼

Browsers do not copy <head><style> content, and the WeChat backend strips classes, pseudo-elements, and inherited styles. The fix is writing complete inline style attributes on every visible element, which is exactly what this Skill enforces.

What styles are available for WeChat article formatting?▼

Fifteen built-in styles are defined in templates/styles.md, including minimal, Medium, WIRED, The Verge, Stripe, Apple, FT, Linear, GitHub, Notion, magazine, editorial, newspaper, course handout, and event announcement. Natural language descriptions like 'business analysis' map to the matching style.

Can I generate multiple style versions of one article to compare?▼

Yes. Use --preview to generate six recommended styles or --all for all fifteen. Both modes also produce a local overview page linking every variant so you can compare them in a browser before copying one.

Does the generated HTML keep the article's top-level heading in the body?▼

By default the first Markdown H1 is used only as the HTML <title> and file name, not rendered in the body, to avoid duplicate titles since WeChat has its own title field. Later H1s are demoted to H2 unless you explicitly ask to keep the title in the body.

Related Skills

Explore More Content & Communication Skills→
shijianzhongshijianzhong

wechat-article-writer

Automate WeChat official account article creation from research to formatting.

Community
Intermediate
acefrost511acefrost511

md2wechat

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

Community
Intermediate
Fei2-LabsFei2-Labs
12

wechat-compliance-check

Scan WeChat articles for sensitive words and rewrite them compliantly.

Official
Intermediate
CY-CHENYUECY-CHENYUE
56

wechat-typesetting-cy

Convert plain text or Markdown into WeChat HTML with inline styles.

Community
Advanced