推文

@ai_suxiaole · 2026-10-12 12:12

技术原理看不懂？直接让 Claude Code 生成一张能操作的动态图，比看几页文字直观多了。 GitHub 上有个开源 Skill 叫 Anatomy，可以把数据库连接池、缓存命中、令牌桶限流这些抽象原理做成交互式机械图。 支持 SVG、WebGL 和 3D，可以生成独立 HTML 页面，也能集成到 React 项目。 安装： ```bash npx skills add wheresryan22/anatomy -g -a claude-code ``` 在 Claude Code 里直接输入： ```text /anatomy 解释数据库连接池的工作原理。 连接池最多 10 个连接， 请求获取连接，用完后归还。 10 个连接全部被占用时， 新请求进入等待队列。 生成一个可以交互的 HTML 页面， 让我能操作并观察连接分配、等待和归还的过程。 ``` 生成以后，可以直接操作图里的组件，观察连接分配、等待和归还的过程。 还能用来制作技术教程、产品文档、教学网站里的交互演示。 使用这条安装命令需要 Node.js 22.20 或更新版本。 GitHub：https://github.com/wheresryan22/anatomy

曝光 166 · 评论 1 · 点赞 0 · 书签 0 · 曝光/时 47.58322626662248