Menu
Use when: 生成信息图、文章插图、流程图、对比图、架构说明图、HTML/CSS 可截图配图。负责把复杂观点转成高颜值、可发布、可复用的视觉解释图。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
当需要对订单记录进行清洗、按状态分组、统计金额或生成订单摘要时使用。
当需要对订单记录进行清洗、按状态分组、统计金额或生成订单摘要时使用。
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