メニュー
微信公众号文章写作和排版助手。输入主题+内容大纲→自动生成结构完整、排版精美的公众号文章（WeChat兼容HTML+行内样式），同时可配套调用infographic-generator生成4主题配图。触发词：'公众号文章','写公众号','公众号排版','微信文章','推文'。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/konglong87/methodology-skills --skill wechat-article-writerコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
管理项目经验知识的沉淀与读取，实现知识闭环
Use when user requests complex systems involving multiple modules or subsystems - like 'build a XX system', 'design XX architecture', or 'implement XX with multiple features'. Triggers to prevent over-engineering before validating core assumptions.
Intelligent skill router for methodology-skills. Analyzes user request and recommends the best methodology sequence. Use when user asks 'which skill should I use', 'help me choose a methodology', or when starting complex tasks.
| name | wechat-article-writer |
| version | 1.0.0 |
| description | 微信公众号文章写作和排版助手。输入主题+内容大纲→自动生成结构完整、排版精美的公众号文章（WeChat兼容HTML+行内样式），同时可配套调用infographic-generator生成4主题配图。触发词：'公众号文章','写公众号','公众号排版','微信文章','推文'。 |
| category | execution |
| complexity | medium |
| typical_duration | 5min |
| dependencies | [] |
| benefits-from | ["infographic-generator"] |
| conflicts-with | [] |
| output_artifact | memory/artifacts/wechat-article-writer/ |
| allowed-tools | ["Read","Write","Bash"] |
| tags | ["公众号文章","微信排版","文章生成","配图生成"] |
parseMarkdown(text) 解析wechat-render.js 渲染结构化 sections → WeChat 兼容 HTMLstyle=""，禁止 <style> 块、<script>、外部 CSSarticle.html（预览版，含 <img>） + article-plain.html（公众号粘贴版，图片用虚线占位框替换）buildSectionPageConfigs 为每个 h2 section 生成独立花园页面配置takeMultiPageScreenshots 通过 Playwright 截图：竖长（750×1334）+ 宽屏（1200×675 16:9）{theme}/wide/ 子目录buildImageMap 将宽屏图映射到文章各位置| 输入模式 | 输出类型 |
|---|---|
一、标题 二、标题 | h2 |
1. 小节 2. 小节 | h3 |
### text ## text | h3 / h2 |
- 要点 · 要点 1. 步骤 | ul |
> 引用 | blockquote |
**强调** | strong（强调色） |
快速回顾 一句话总结 划重点 | highlight |
--- *** | separator |
案例N： / 带冒号短行(8-50字) | h3 |
| 自然段落标题（8-30字、含！，？：、中文/字母开头） | h2 |
| 图片 | 插入位置 |
|---|---|
| hero |
| 文章标题下方 |
| section-N | 第 N 个 h2 之后 |
| cta | 文末 |
默认主题：apple（明亮）。可用：linear/apple/stripe/muji。
output/
├── article.html ← 图文混排预览（含真实 <img>）
├── article-plain.html ← 公众号粘贴版（图片为虚线占位框）
├── 插入指南.md ← 图片位置对照表
└── screenshots/{theme}/
├── {theme}-hero.png ← 竖长头图
├── {theme}-section-N.png ← 竖长章节图
├── {theme}-cta.png ← 竖长尾图
└── wide/ ← 宽屏版（公众号文章实际引用）
├── {theme}-hero-wide.png
├── {theme}-section-N-wide.png
└── {theme}-cta-wide.png
style=""，无 <style> 块、<script>、<iframe>、事件处理器| 文件 | 角色 |
|---|---|
wechat-full.js | 一站式编排入口（解析→配图→渲染） |
wechat-md2html.js | Markdown 解析器 |
wechat-render.js | WeChat HTML 渲染器 |
wechat-themes.json | 4 种文章主题 |
../infographic-generator/generate-garden-page.js | 配图 HTML 生成（require 依赖） |
../infographic-generator/theme-recipes.json | 配图主题 CSS token |