SeeCode 把架构图做成动画：45 种图用嘴画，支持 Claude Code/Cursor

跟同事讲一个系统怎么跑，最怕什么？

架构图画了，箭头也连了，结果对方还是一脸懵：请求到底先到哪，后面又经过哪些服务？

东哥第一次看到 SeeCode 这个项目，就觉得思路挺有意思。它不是普通的 AI 画图工具，而是专门给 Claude Code、Codex、Cursor 用的绘图技能。用大白话描述需求，它就能生成一张可交互、可播放动画的图。

比如画一条 API 请求链路，鼠标悬停就能高亮整条路径，点击节点可以查看详情，甚至还能沿着路线一步步演示。时序图里的消息会逐条播放，柱状图也会自己“长”出来。

这就比在白板上疯狂画箭头直观多了。

SeeCode 一共支持 45 种图，架构图、时序图、甘特图、桑基图都在范围内，连 3D 物件也能画。你只要说一句「画一把办公椅」，它就能把零件逐个拆开，再给每个部件标上名字。

这个细节也挺实用：生成的整张图本身就是一个网页文件，不用额外搭一套展示服务。页面里可以直接导出 PNG、SVG、GIF、MP4，塞进技术文档、PPT，或者做成演示视频都很方便。

东哥平时看架构图，会特别留意请求顺序、异常分支和服务之间的依赖关系。静态图能表达结构，但遇到复杂时序，确实容易越画越乱。能让链路动起来，讲解成本会低不少。

而且 SeeCode 的用途不止画技术图。请假安排、工资支出、跟房东沟通的过程，也都能拿来做可视化，中文标签还能自动换行。

有一说一，这个技能最适合用在做技术分享、项目讲解和方案演示。至于生成结果能不能直接进正式文档，还得看实际效果——尤其是复杂链路和细节标注，最好自己再核一遍。

GitHub 项目地址：Aryanutkarsh/SeeCode