بنقرة واحدة
wechat-article-formatter
将 Markdown 文章转换为微信公众号 HTML 格式,支持自动插入配图、微信样式优化。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
将 Markdown 文章转换为微信公众号 HTML 格式,支持自动插入配图、微信样式优化。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
知识漫画生成器,支持多种风格(Ligne Claire/漫画教程风/武侠风等)。将文章/教程/人物传记转换为漫画形式。
多风格文档写作技能。支持乔木、小红书、Dankoe、微信公众号、Twitter等5种写作风格。Claude 根据内容智能选择风格,按规范撰写文章。
统一配图技能,支持文章配图、封面生成、小红书图片系列、单图修改/添加/删除、3变体风格预览。20种风格×多种布局。
Convert markdown documents to PDF with optional illustrations. Can automatically call illustration-generator if images are missing. Supports Chinese fonts and custom styling.
生成自然真实的双人访谈播客,使用共享TTS模块支持3种引擎(Edge TTS / IndexTTS2 / MiniMax)和情感控制
生成专业 PPT 演示文稿,支持 22 种风格,自动根据内容选择最佳风格,输出到 ~/ppt-output/
| name | wechat-article-formatter |
| description | 将 Markdown 文章转换为微信公众号 HTML 格式,支持自动插入配图、微信样式优化。 |
| allowed-tools | Bash, Read, Write, Edit, Glob, Grep |
将 Markdown 文章转换为可直接粘贴到微信公众号编辑器的 HTML 格式。
# 基础用法
/wechat-article-formatter article.md
# 指定配图目录
/wechat-article-formatter article.md --images ./illustrations/
读取输入的 Markdown 文件内容。
检查同目录下是否有 illustrations/ 目录:
转换规则:
| Markdown | 微信 HTML |
|---|---|
# 标题 | <h1 style="...">标题</h1> |
## 小标题 | <h2 style="...">小标题</h2> |
**加粗** | <strong style="color:#d4237a;">加粗</strong> |
> 引用 | <blockquote style="...">引用</blockquote> |
| 段落 | <p style="...">段落</p> |
| 表格 | <table style="...">...</table> |
微信样式规范:
/* 正文 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #333;
/* 标题 */
h1: font-size: 22px; font-weight: bold; margin: 20px 0;
h2: font-size: 18px; font-weight: bold; margin: 15px 0; border-left: 4px solid #d4237a; padding-left: 10px;
/* 引用块 */
blockquote: background: #f7f7f7; border-left: 4px solid #d4237a; padding: 15px; margin: 15px 0;
/* 加粗 */
strong: color: #d4237a;
/* 段落 */
p: margin: 15px 0; text-align: justify;
在每个 H2 章节后插入对应的配图:
<figure style="margin: 20px 0; text-align: center;">
<img src="data:image/png;base64,{base64_data}" style="max-width: 100%; border-radius: 8px;" />
</figure>
图片处理:
保存为 {filename}_wechat.html,可直接复制粘贴到微信公众号编辑器。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文章标题</title>
</head>
<body style="max-width: 600px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, sans-serif;">
<h1 style="font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 30px;">
50万秦军去哪了?基因和语言揭开了一个惊天秘密
</h1>
<p style="font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;">
你有没有想过这样一个问题:
</p>
<p style="font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;">
<strong style="color: #d4237a;">秦始皇派去岭南的50万大军,后来都去哪了?</strong>
</p>
<!-- 更多内容... -->
</body>
</html>
| 顺序 | Skill | 功能 |
|---|---|---|
| 1 | document-writer | 生成 Markdown 文章 |
| 2 | illustration-generator | 为文章生成配图 |
| 3 | wechat-article-formatter | 格式化为微信 HTML |
| 4 | wechat-publisher | 发布到微信公众号 |