AIGC·非著名程序员
26-10-12 12:57 微博认证:微博新知博主 科技博主 头条文章作者 微博原创视频博主

再分享一个非常好的开源项目: SeeCode ,让 AI 帮你画出能动、能玩的图表。

它其实是一个画图工具,配合 AI 编程助手来用,像 Claude Code、Cursor、Codex 这些都支持。你用大白话告诉 AI 想画什么图,比如“画一下系统架构,浏览器调 API,API 写数据库,然后发消息到 Kafka”,AI 就写出一小段 JSON 描述,SeeCode 拿到之后,直接帮你渲染成带动画、可以点击交互的图表。

先说第一个亮点,支持的图表种类特别多,42 种以上。架构图、流程图、时序图、甘特图、看板、鱼骨图、桑基图这些全都有。还能画 3D 立体图,手机拆解、办公楼分层、服务器机架,甚至一个汉堡的结构都画得出来。每种图都有自己的动画方式,架构图会显示数据流动,时序图会逐条播放消息。

然后第二个,这些图全都能交互。鼠标悬停在一个节点上,它的连接线就亮起来,有流动的效果。点击这个节点,画面自动放大,弹出一个详情面板。你还可以选两个节点按播放,看一个请求怎么沿着路径一步步走到终点。

第三个,它能读懂 Mermaid、draw.io、PlantUML 这些常见格式,把你手头已有的图导进来,用自己的风格重新渲染一遍。

第四个,你把公司网站地址给它,它自动去读你的品牌配色和字体,然后生成一套跟品牌风格一致的图表主题,深色浅色两套都有。

最后说说整体设计。没有服务器,没有账号系统,不收集任何数据。生成出来就是一个独立的 HTML 文件,发给谁都能直接打开,交互功能也跟着走。导出的话 SVG、PNG、GIF、MP4 都支持,浏览器里就能搞定,不用额外装东西。

出来的图看着很干净,一种颜色做重点强调,边框很细,没多余的阴影。还有个复杂度上限,图上东西太多它会提醒你精简,不让画面变乱。

AI 画一张图只要写 30 到 150 行 JSON,大概 1400 个 token,比让模型自己画 SVG 省了差不多十倍。一行命令就能装好,MIT 协议开源。

传送门:github.com/Aryanutkarsh/SeeCode

#科技先锋官##How I AI#

发布于 山东