Aryanutkarsh/SeeCode

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

解决的问题

SeeCode 将自然语言描述(规格说明)转换为高质量、动画化、交互式图表。它通过让用户通过 AI 代理描述他们想要看到的内容,省去了手动绘制架构图、数据流图或流程图的工作。

工作原理

用户向 AI 代理(如 Claude Code 或 Cursor)提供简短的纯语言规格说明。SeeCode 随后将此规格说明处理为自包含的 HTML 文件。该文件包含编辑器质量的图表,可以动画化,通过悬停跟踪连接或点击聚焦特定节点等交互进行探索,并可导出为多种格式。

适用人群

它面向需要传达复杂系统、流程或物理对象,但不想手动绘制图形表示的工程师、架构师和非工程师。

亮点

  • 45+ 图表类型:支持广泛的视觉图表,包括架构图、时序图、ER/数据模型、流程图、状态机、甘特图和桑基图。
  • 等轴测 3D 绘制:能够根据普通描述(例如办公椅或服务器机架)创建等轴测对象、分解视图和等轴测平面图。
  • 交互式 HTML:生成单文件 HTML 图表,支持悬停跟踪和点击聚焦详情面板。
  • 多格式导出:图表可导出为 SVG、PNG、GIF 或 MP4。
  • 代理集成:作为技能/插件集成到 Claude Code、Cursor 和 Codex 等 AI 代理中。

相关

  • 项目
  • 项目
  • 项目
  • 项目