蜡笔猫导航
它能做什么
- 用一句话描述想法，让 AI 自行发明并绘制对应的等距机械插图
- 插图以 SVG 输出，可选叠加 WebGL 着色器呈现火焰、水流与光效
- 支持交互模式，可用鼠标拖拽、按键提速或拆解结构观察运转
- 可选 3D 模式，零件会真实转动并逐帧重投影
- 可导出独立 HTML、单独 SVG 文件或 React/Next.js 组件，支持明暗主题
适合谁
- 开发者需要向他人讲清缓存、队列、限流等系统机制时制作可视化说明
- 科普作者用真实机械比喻解释抽象概念，帮助读者直观理解
- 设计或文档人员为产品说明、演示页面制作可交互的技术插图
快速上手
npx skills add wheresryan22/anatomy -g
/anatomy explain how a token bucket rate limiter works, interactive详细介绍
适合需要把机器、设备或复杂系统画成清晰等距插图的开发者、科普作者和设计人员。它作为 Agent 技能使用，让 AI 生成细节较丰富、可交互的等距插图，并以 SVG 形式输出。
项目支持可选加入 WebGL 着色器与 3D 效果，适合用于文档、演示或产品说明中的结构可视化。仓库以 JavaScript 实现，采用 MIT 许可证；交互和 3D 效果会增加前端复杂度，使用时应按展示场景取舍。