菜单
Use when: 生成信息图、文章插图、流程图、对比图、架构说明图、HTML/CSS 可截图配图。负责把复杂观点转成高颜值、可发布、可复用的视觉解释图。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
当需要对订单记录进行清洗、按状态分组、统计金额或生成订单摘要时使用。
当需要对订单记录进行清洗、按状态分组、统计金额或生成订单摘要时使用。
Use when: 写文章、写课程、写分享稿、写知识库长文、设计文章大纲、把素材整理成高质量中文内容。面向 chao 的知识库平台，负责从主题到结构、论点、案例、配图建议和可发布 Markdown 的完整文章架构。
Use when: 去 AI 味、改写文章、让中文更自然、压缩套话、清理翻译腔、提升信息密度。负责把 Markdown 或中文草稿改成专业、克制、清楚、像真人写的知识库文本。
Use when: 整理 Frontmatter、维护文章元数据、规划知识库目录、更新 output/index.html、检查新增内容入口、为文档补标题摘要标签。负责让内容可检索、可浏览、可维护。
Use when: 生成博客封面、课程头图、知识库分享头图、900x363 宽屏图、HTML/SVG 封面设计。负责把文章主题转成原创、可截图、适配社交媒体裁剪的视觉封面。
| name | visual-explainer |
| description | Use when: 生成信息图、文章插图、流程图、对比图、架构说明图、HTML/CSS 可截图配图。负责把复杂观点转成高颜值、可发布、可复用的视觉解释图。 |
| argument-hint | <要解释的概念/流程/对比关系> |
| user-invocable | true |
| metadata | {"author":"chao"} |
visual-explainer 是知识库的信息图生成器。它把复杂概念、流程、对比关系和系统结构转成可截图的 HTML 视觉说明图。
如果需要把 HTML 转成图片，可运行：
node .github/skills/visual-explainer/scripts/capture.js <input-html>
./assets/base_template.html./scripts/capture.js./examples/demo.html