wechat-article-formatter-skill
将Markdown文档一键转换为微信公众号排版友好的HTML。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:wechat-article-formatter-skill。 它的用途是:将Markdown文档一键转换为微信公众号排版友好的HTML。 完整的 Skill 内容见:https://321skill.com/skills/wechat-article-formatter-skill/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
`/wechat-article-formatter`,然后输入`请帮我格式化这篇文章:~/my-blog/article.md`。它会读取你的Markdown文件,自动上传里面的本地截图,应用专为微信优化的绿色主题样式,最终生成一个可直接复制到微信公众号后台的HTML文件,并保存在原目录。
介绍
这个Skill解决了内容创作者需要将Markdown格式的文章转换为符合微信公众号严格排版规范的HTML的痛点。微信公众号编辑器对HTML和CSS有诸多限制,手动调整费时费力。
使用时,只需在Claude Code中调用/wechat-article-formatter命令,然后提供本地Markdown文件路径或直接粘贴Markdown内容。Skill会自动读取内容,应用预设的微信优化样式,并通过bm.md服务渲染成HTML。最方便的是,它能自动检测文章中的本地图片,并调用相关Skill将其上传至图床,替换为在线URL,省去手动上传的麻烦。
它非常适合需要定期在微信公众号发布技术文章、产品更新或行业分析的内容创作者、技术博主和营销运营人员。对于使用Markdown写作、追求排版效率和一致性的团队或个人来说,这是一个提升内容发布流程的利器。
使用前请确保已安装Claude Code CLI,并且网络通畅以调用bm.md API。如果希望使用自动上传本地图片的功能,需要提前安装好image-upload这个Skill。生成的HTML文件会保存在原Markdown文件同级目录,方便预览和进一步微调。
核心特点
核心区别在于集成了自动上传本地图片并替换为在线URL的功能,解决了微信公众号文章插入本地图片的最大痛点;同时其CSS样式专门针对微信平台的显示限制和阅读体验进行了深度优化。
注意事项
不适合需要高度定制化、复杂交互或非微信平台排版的场景。
常见问题
支持哪些图片格式?
支持PNG、JPG、JPEG、GIF、WebP、SVG等常见格式。
生成的HTML能直接复制到微信后台吗?
可以,生成的HTML采用内联样式,无外部依赖,完全兼容微信后台编辑器。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/wechat-article-formatter-skill/raw/index.md 读取 wechat-article-formatter-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/wechat-article-formatter-skill/raw/index.md(查看排版版本)