메뉴
Use when user needs 公众号配图 or wants to generate rich HTML pages with multi-theme screenshots. Triggers: '生成配图', '公众号配图', '帮我做配图', '生成截图', '生成信息图', 'infographic', or when user provides a writing topic + content/outline for visual article images.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
微信公众号文章写作和排版助手。输入主题+内容大纲→自动生成结构完整、排版精美的公众号文章（WeChat兼容HTML+行内样式），同时可配套调用infographic-generator生成4主题配图。触发词：'公众号文章','写公众号','公众号排版','微信文章','推文'。
MUST use after prompt-enhancer. Create implementation plan with MECE decomposition, dependency analysis, risk assessment, and mandatory plan-review.
管理项目经验知识的沉淀与读取，实现知识闭环
MUST use for ANY user request. This is a rigid requirement that applies to all tasks and conversations.
MUST use before task execution. Clarify vague requirements, explore solutions, and ensure full understanding.
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 | infographic-generator |
| description | Use when user needs 公众号配图 or wants to generate rich HTML pages with multi-theme screenshots. Triggers: '生成配图', '公众号配图', '帮我做配图', '生成截图', '生成信息图', 'infographic', or when user provides a writing topic + content/outline for visual article images. |
一站式配图生成流水线：提供写作主题和内容大纲 → 自动生成精美 HTML 页面（内置 4 种设计风格）→ 自动截图为 PNG 图片。
用户: "帮我做配图，主题「XXX」，要点：A / B / C"
↓
Phase 1: 解析内容 → 提取标题、sections、关键信息
↓
Phase 2: 生成 HTML → 内置 CSS 变量，4 套主题可一键切换
↓
Phase 3: 自动截图 → 4 主题 × N 个 section → PNG
↓
输出目录: screenshots/{linear,apple,stripe,muji}/
默认全部生成，用户只需挑选喜欢的。
| 风格 | 文件夹 | 配色 | 适合场景 |
|---|---|---|---|
| 暗黑 | linear/ | 深黑 #08090A + 紫色 | 技术类、SaaS、开发者 |
| 明亮 | apple/ | 纯白 + 蓝色 | 产品发布、品牌宣发 |
| 人文 | stripe/ | 奶油色 + 赭色 + Georgia 衬线 | 深度长文、人文内容 |
| 侘寂 | muji/ | 纸白 + 极简去色 | 生活方式、设计美学 |
风格选择规则：
触发关键词：
从用户输入中提取：
根据内容生成单文件 HTML：
theme-recipes.json 是唯一真相源）由 wechat-full.js 调用 Playwright 完成多页面截图。
screenshots/
├── linear/ (暗黑)
├── apple/ (明亮)
├── stripe/ (人文)
└── muji/ (侘寂)
截图参数：750×1334 手机竖屏，2x Retina，全页长截图。
| 文件 | 用途 |
|---|---|
SKILL.md | 工作流定义 |
theme-recipes.json | 4 套主题 CSS token 定义（唯一真相源） |
generate-garden-page.js | 内容驱动的 HTML 页面生成器 |
npx playwright install chromium）:root + [data-theme] 变量，无框架依赖