SeeCode - 把一句话规格变成可交互、可导出的动画图表

SeeCode 是一个把「描述」变成「图表」的开源项目。据项目自述，它面向 AI 编码代理使用：用户用自然语言说明想看的系统、流程或数据关系，代理调用 SeeCode 生成一张编辑级质感的动画图表，产物是单个自包含的 HTML 文件，可以悬停、点击、逐步走查，也可以导出为 SVG、PNG、GIF 或 MP4。它适合需要频繁画架构图、流程图、时序图、数据图的技术人员，也适合要把图表放进幻灯片、文档或网页的团队——尤其是已经在用 Claude Code、Cursor、Codex 等代理工具的人。

维护者与状态

项目由 Aryanutkarsh 维护，仓库创建于 2026-10-02，最后提交时间为 2026-10-26。最新正式版本为 v0.6.2，发布于 2026-10-17。截至 2026-10-29，仓库获得 736 个星标。从时间线看，这是一个起步不久、迭代节奏较快的项目。

主要能力

以下能力均据项目 README 自述整理，未经独立验证。

• 图表类型覆盖面广。README 称支持 45 种图表类型，包括架构图、部署图、依赖图、UML 类图、ER 图、数据库模式、流程图、时序图、状态机、泳道图、用户旅程、时间线、甘特图、看板、故事地图、鱼骨图、Wardley 图、等距视图，以及柱状、折线、散点、瀑布、树图、热力图、雷达、桑基等数据图表，另有约 15 种变体。每种类型有自己的动画方式，也可以完全静态呈现。
• 等距 3D 绘制。据项目说明，等距对象、爆炸视图和等距平面三类图表用「实体与梁」在三维空间中组合，没有固定图形库，因此同一套规格可以画出椅子、货车、手机、汉堡或街道。
• 交互式查看器。生成的 HTML 支持悬停追踪节点连接、点击聚焦并展开信息面板、选择起点终点后逐跳播放路径、按节点类型过滤图层、用方向键逐步演示构建过程，以及暗色模式切换、搜索、平移缩放、缩略导航图和可分享的视图链接。
• 主题与品牌适配。内置明暗两套主题；README 称可以把 SeeCode 指向某个网站、仓库 CSS 或一组颜色，由它推断背景色、文字色、强调色与字体，生成明暗两版并修正对比度，确认后保存为配置。
• 导入既有图表。据项目自述，可以把 Mermaid、Graphviz、PlantUML、D2、draw.io、Excalidraw、Structurizr、BPMN、SQL、Prisma、DBML、OpenAPI 以及 CSV/JSON 数据文件重绘为 SeeCode 风格；一个文件里含多张图时会输出为一个文件夹，每张图一个文件。
• 多语言标签。README 提到可通过 lang 设置标签语言，中文、日文、韩文标签会在字符间换行，图例也可使用自定义措辞。

使用入口

仓库地址：Aryanutkarsh/SeeCode。

据 README，安装方式分两类。在 Claude Code 中通过插件市场安装：

/plugin marketplace add Aryanutkarsh/seecode
/plugin install seecode@seecode

在 Cursor、Codex、OpenCode 等支持 Agent Skills 的环境中，用 npx 安装：

npx skills add Aryanutkarsh/seecode -g

安装后用自然语言提出需求即可，例如描述一次结账流程涉及的浏览器、API、数据库、支付服务与消息队列，再继续用「高亮支付路径」「换成暗色」「导出给幻灯片用」这类指令微调。README 说明，首次在某个项目中使用时，SeeCode 会询问一次是使用全局设置还是创建项目专属设置。

许可与限制

项目采用 MIT 许可证。README 中提到的已知边界包括：图表以单个 HTML 文件交付，交互能力随文件一起分发；导出 PNG、JPEG、SVG、GIF、MP4 可直接在页面内完成，无需额外安装；查看器会遵循系统的「减少动态效果」设置。数据图表的数值来自 CSV 或 JSON 文件，按项目说法数据不必经过模型。除此之外，README 未系统列出硬件要求或不适用的场景，实际使用前建议以仓库文档为准。