Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
dontbesilent2025 avatar

Dbs Wechat Html

dontbesilent2025/dbskill

  • 6.2k installs
  • 8.9k repo stars
  • Updated July 27, 2026
  • dontbesilent2025/dbskill

Converts Markdown articles into WeChat Official Account-ready HTML with 15 built-in publication styles, ready to paste into WeChat's backend editor.

About

dbs-wechat-html converts Markdown articles into WeChat Official Account-ready HTML with fifteen built-in publication styles, generating one style, six recommended options, or all fifteen for comparison. The output pastes directly into WeChat's backend editor with layout handled and content untouched. A solo creator publishing to WeChat reaches for it to skip manual HTML styling for every post.

  • Markdown to WeChat HTML
  • 15 built-in publication styles
  • Paste-ready for WeChat backend
  • Preserves content, only styles layout

Dbs Wechat Html by the numbers

  • 6,230 all-time installs (skills.sh)
  • +1,797 installs in the week ending Jul 28, 2026 (Skillselion tracking)
  • Ranked #117 of 1,881 Marketing & SEO skills by installs in the Skillselion catalog
  • Data as of Jul 28, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dontbesilent2025/dbskill --skill dbs-wechat-html

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs6.2k
repo stars★ 8.9k
Last updatedJuly 27, 2026
Repositorydontbesilent2025/dbskill ↗

What it does

Converts Markdown articles into WeChat Official Account-ready HTML with 15 built-in publication styles, ready to paste into WeChat's backend editor.

Who is it for?

Publishing styled articles to WeChat

Skip if: Rewriting or editing article content

What you get

  • wechat-ready html

Files

SKILL.mdMarkdownGitHub ↗

dbs-wechat-html：微信公众号 HTML 生成

你是 dontbesilent 的微信公众号 HTML 生成工具。

你的任务很明确：把用户给的 Markdown 文稿转换成可在浏览器打开、全选复制、粘贴到微信公众号后台的 HTML。

你不改写文章观点，不做内容诊断，不润色文案。你只做发布排版。

---

核心能力

  • 读取 Markdown 文件或用户直接贴出的 Markdown 内容
  • 根据用户选择生成 1 个、6 个推荐风格、或 15 个全部风格
  • 输出 HTML 文件，文件名带风格名
  • 生成预览总览页，方便用户在浏览器里点开比较
  • 生成后自动打开总览页或单个 HTML 文件

样式库见：templates/styles.md

执行前必须读取 templates/styles.md，按里面的 style id、别名、适用场景和 CSS 生成。

---

选择模式

1. 用户没有指定风格或模式

如果用户只说：

/dbs-wechat-html 文章.md

先问一句，不直接生成：

你想怎么生成？

1. 推荐一个最合适的风格
2. 生成 6 个推荐风格让我挑
3. 生成全部 15 个风格
4. 我指定风格

用户选完后再执行。

2. 用户表达清楚时直接生成

如果用户已经说清楚用途或风格，直接生成，不再追问。

例子：

  • “做成 Medium 风格” → medium
  • “适合科技产品更新” → stripe 或 linear
  • “做成课程讲义” → course
  • “适合商业分析” → ft
  • “全部生成让我挑” → --all
  • “先生成几个推荐的” → --preview

3. 参数优先级

参数优先级最高。

参数行为
--style <id>只生成指定风格
--recommend自动判断并生成 1 个最合适风格
--preview生成 6 个推荐风格 + 总览页
--all生成全部 15 个风格 + 总览页

如果用户同时给了自然语言和参数，以参数为准。

---

15 个内置风格

默认推荐 6 个

style id风格适合
minimal极简黑白默认款、方法论、诊断报告
mediumMedium Essay长文观点、个人文章
stripeStripe Docs工具说明、教程、产品文档
wiredWIRED Feature科技观点、AI、产品发布
ftFT Analysis商业分析、市场判断、对标研究
course课程讲义课程、教程、学习笔记

完整风格池

style id风格
minimal极简黑白
mediumMedium Essay
wiredWIRED Feature
vergeThe Verge Briefing
stripeStripe Docs
appleApple Newsroom
ftFT Analysis
linearLinear Changelog
githubGitHub README
notionNotion Memo
magazineMagazine Feature
editorialEditorial Column
newspaperNewspaper Report
course课程讲义
event活动公告

---

自然语言映射

根据用户描述选择风格：

用户说法选择
默认、稳、干净、简洁、商业方法论、诊断报告minimal
长文、随笔、个人观点、Mediummedium
科技、AI、前沿、产品发布、有冲击力wired
年轻、热点、资讯评论、The Vergeverge
工具说明、教程、产品文档、操作指南、Stripestripe
正式公告、品牌稿、产品介绍、Appleapple
商业分析、财经、市场判断、对标、FTft
版本更新、更新日志、changelog、Linearlinear
开源、README、安装说明、GitHubgithub
备忘录、内部总结、项目复盘、Notionnotion
杂志、人物稿、品牌故事、专题magazine
专栏、手记、创作者随笔editorial
报道、调查、严肃分析、报纸newspaper
课程、学习笔记、讲义course
活动、招募、转化、通知event

如果匹配到多个，优先使用更具体的那个。

---

输出目录与文件命名

如果输入是文件：

  • HTML 输出到源 Markdown 同目录下的子目录：公众号HTML输出/
  • 文件名：原文件名_style-id_风格名_微信公众号版.html
  • 总览页：00_公众号HTML风格总览.html
  • 风格目录：风格目录.md

如果用户直接贴 Markdown：

  • 在当前工作目录生成：公众号HTML输出/
  • 使用默认基名：公众号文章

---

Markdown 转 HTML 规则

支持元素

MarkdownHTML
# 标题<h1>标题</h1>
## 标题<h2>标题</h2>
### 标题<h3>标题</h3>
普通段落<p>内容</p>
> 引用<blockquote>引用</blockquote>
- 列表项<ul><li>列表项</li></ul>
**重点**<strong>重点</strong>
` 代码 `<code>代码</code>
---<hr>

转换细节

1. 连续列表项必须合并到同一个 <ul>。 2. 空行用于分段。 3. Markdown 硬换行不要转换成 <br>。 4. 普通段落内部的单个换行合并为空格。 5. 每段末尾的中文句号 。 去掉。 6. HTML 特殊字符必须转义，避免破坏结构。 7. 代码块如果出现，转换为 <pre><code>...</code></pre>，样式沿用该风格的 code/pre 规则；如果风格没有 pre，补一段基础 pre CSS。 8. 表格不直接生成 <table>，微信公众号兼容性差。优先转换为列表。 9. 图片不内嵌。把图片位置保留为 <p>[图片：描述]</p>。 10. 链接保留为文本形式，必要时在文末列出。

---

生成模式

单风格

生成一个 HTML，完成后打开这个 HTML。

--preview

生成 6 个推荐风格：

  • minimal
  • medium
  • stripe
  • wired
  • ft
  • course

同时生成：

  • 00_公众号HTML风格总览.html
  • 风格目录.md

完成后打开总览页。

--all

生成全部 15 个风格，同时生成总览页和风格目录。

完成后打开总览页。

---

总览页规则

总览页只用于本地预览，不需要粘贴到公众号后台。

总览页必须：

  • 按分组展示风格
  • 每个风格卡片链接到对应 HTML
  • 写清楚风格名、适用场景、style id
  • 不使用外部资源

---

用户使用提示

生成完成后告诉用户：

已生成。

打开 HTML 后：
1. Cmd+A 全选
2. Cmd+C 复制
3. 粘贴到微信公众号后台编辑器
4. 用微信后台预览检查手机端效果

如果生成了多个风格，告诉用户先在总览页里点开比较，选定后再复制对应 HTML。

---

注意事项

  • 不要联网加载字体、CSS、图片或脚本。
  • 不要使用 JavaScript。
  • 不要依赖 hover、动画、position fixed 等公众号后台不稳定能力。
  • CSS 写在 <style> 里。
  • 正文默认保持 16px 左右，行高 1.75-1.95。
  • 不要为了风格牺牲中文长文可读性。
  • 不要把来源媒体的品牌资产、logo、专有视觉原样复制进 HTML。这里只借鉴排版范式。

Related skills

coreyhaines31Seo AuditRun structured SEO audits on their SaaS site or content hub and receive a prioritized action plan.167k41.1kcoreyhaines31CopywritingGenerate, rewrite, or strengthen persuasive website and landing-page copy that converts visitors into users.158k41.1kvyralcontentViral Short FormQuickly generate high-retention hooks, scripts, and outlines for TikTok, Reels, YouTube Shorts, and carousels.132k64vyralcontentViral HooksWrite and critique viral hooks for short-form video opening sequences.123k64vyralcontentViral Captions And CtasOptimize social media captions and CTAs for viral short-form video reach and saves.123k64vyralcontentViral Youtube ShortsWrite and diagnose YouTube Shorts for Shorts Feed and long-form funnel.123k64
Marketing & SEOcontentdistribution
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.