一个印度学生的画图 Skill,靠两条中文推文拿了 400 星:SeeCode 和挤满了的「AI 画图」赛道

SeeCode 是一个装进 Claude Code、Codex、Cursor 里用的画图 Skill,说一句话,出一张会动、能点、能导出成 GIF 和 MP4 的图。它建库 35 天拿了 887 星,差不多一半来自两条中文推文;它的作者自己发的英文推,每条只有两三百人看到。星数不算多,同赛道的头部项目有 9 万星。值得看的是它怎么拿到这些星:一个英文圈里没人认识的开发者,是靠中文开发者圈冷启动的。

一条 25 秒的外卖架构图视频

2026 年 10 月 12 日晚上 7 点 17 分(北京时间),程序员鱼皮在 X 上发了一条推:

我超威,又发现一个 AI 画图神器!画个架构图,拖框连线折腾半天,最后还只是一张死图?把这个开源 Skill《SeeCode》装进 Claude Code 或 Codex,只要说一句话,AI 就能画出会自己动的图……而且图里的中文也排得整整齐齐,整张图还能直接导出成 GIF 和 MP4!要写技术方案、做汇报 PPT 的朋友,可以收藏一下~

配的是一段 25 秒的视频:一张外卖下单的架构图,鼠标停在「订单服务」上,只有它的上下游亮着,点一下弹出详情。这条推 9,018 次浏览、110 赞、112 收藏(X,11-06)。收藏比点赞还多,说明看到的人是打算回头用的。第二天,SeeCode 涨了 227 星,是它到今天为止涨得最多的一天(GitHub 星数,10-13)。

四天后,10 月 16 日晚 8 点,GitHubDaily 发了第二条,开头一句是「跟同事讲一个系统怎么跑,画了一张架构图,箭头一多,对方还是看不出请求先到哪、后到哪」,后面专门提了「说一句『画一把办公椅』,它会拆出零件标好名字」「中文标签也会自动换行」。这条 2.41 万浏览、347 赞。接下来两天 SeeCode 又涨了 145 星。

到这时候,作者 Aryan Utkarsh 自己在 X 上发过三条介绍,每条两三百浏览。

它是什么

一句话:让 AI 写「图里有什么、怎么连」,画图这件事交给程序。

模型只写一份 30 到 150 行的 JSON,说清楚有哪些框、谁连谁、大概在哪;布局、走线、避让、动画由一个固定的渲染器来做,最后出来一个单文件 HTML。作者的说法是这样一张图约 1,400 token,让模型自己手写 SVG 要 15,000,而且容易画乱。

出来的图能做三件静态图做不到的事:悬停时高亮一条链路;点两个节点,让请求沿着路线一跳一跳走过去;时序图一条条播消息,柱状图自己长出来。页面自带导出菜单,PNG、SVG、GIF、MP4 都行。一共 45 种图,架构图、时序图、甘特图、桑基图、Wardley 图,还有等距 3D 的拆解图。还能把 Mermaid、draw.io、Excalidraw、PlantUML、D2 的老图导进来变成动画。MIT 协议,免费,没有付费版。

10 月 2 日建库时,第一个提交就是一个完整的产品:42 种图、导入、导出、品牌主题、CI 都在里面,提交说明写的是「My first open source Project!」。README 里每种图配一张 GIF。

它为什么在那一周起来

整条赛道在同一周爆了。 10 月 12、13 日,diagram-design 单日涨 2,038 星,anatomy 单日涨 3,372 星(GitHub 星数),中文开发者圈那几天在密集发「画图神器」。SeeCode 是顺着这波被带出来的。

它在热点出现的第二天就跟上了。 anatomy 10 月 8 日上线,主打等距 3D 的机器拆解图。SeeCode 10 月 9 日就加了等距物件、拆解图、等距平面图,README 里拿办公椅、手机拆解、汉堡做例子。后来两条中文推文都专门提到了「画一把办公椅」。是不是有意跟的不知道,但时间点刚好赶上了。

它专门照顾了中文。 同一天(10-09)的提交里有「Wrap CJK labels between characters」(中文标签按字换行)和「Add everyday examples, two in Chinese」(加了两个中文日常例子:租房、求职)。英文项目很少做这一步。鱼皮那条推里专门夸的,就是「中文排得整整齐齐」。

演示本身就是能直接发的视频。 图会动,还能一键导出 MP4,搬运号不用自己剪,录一段就能发。传播成本几乎为零。

两条推文加起来解释了大约 400 星。其余的来自更长的尾巴:新浪、XNews、掘金 GitHub 周榜(11-01)、云栈社区(11-02,文案明显照抄 GitHubDaily)、lininn.cn 一篇长文(11-03),还有一堆 Skill 目录站。10 月 23 到 31 日它几乎不涨(710 → 740),11 月 1 日起又每天涨 14 到 42 星,到 11-06 是 887。第二波具体是谁带的没找到,猜是某个公众号或小红书转载 *推断*。

英文这边几乎什么都没有:Hacker News、Reddit、Product Hunt 都没搜到,英文 YouTube 上只有一条 272 次播放的讲解视频。作者 10 月 8 日在一条 36.6 万浏览的英文爆款推下回复了两次自己的链接(2,648 和 1,507 浏览),到第二天也只有 92 星。

谁在跟它抢

很多,而且大得多。「让 coding agent 画图」是 2026 年 Skill 生态里最挤的品类之一(GitHub 星数,11-06):

光「动画架构图 Skill」就至少有 8 个,还有 dashmotion、Archscribe、anidiagram 这几个只有几十到几百星的。SeeCode 在这一小类里排第二,但和 archify、diagram-design 差了两个数量级。没看到有人照着它抄,同期这几个更像是各做各的。

有一点要注意:赛道虽然挤,新项目还在冒头。floorplan 和 stack-diagram 都是 10 月底以后才上线的,几天就拿了两三千星。它们赢在场景窄、一句话能说清(「代码库地图」「带 logo 的架构图」),不是又一个「什么图都能画」。

如果是你

一句判断:照着 SeeCode 再做一个「什么图都能画的动画画图 Skill」不值得,这条路已经有 9 万星的头部和七八个同类;值得学的是它的冷启动打法,把它用到你自己的项目上。

适合谁:手上已经有一个做得不错、但英文圈没人知道的开源项目或 Skill 的开发者;愿意为中文用户多做一步(中文排版、中文例子)的人。

不适合谁:想靠「通用画图」这个题目本身拿上万星的人。题目已经被占了,SeeCode 做得这么完整也只拿到 887。

怎么做:

• 如果非要做画图,就挑一个窄场景,做到一句话说得清:给 PR 画动画、给数据库迁移画前后对比、给运维画故障链路、给非技术的人画「工资花在哪」。floorplan、stack-diagram 证明窄题目还能起来。
• 让模型只写语义、渲染交给确定性代码,这个分工值得照抄,它也是一个好讲的技术故事(「1,400 token 对 15,000」)。
• 第一天就拿出完整产品,README 每个功能配一张会动的 GIF,首屏放一行安装命令。

怎么获客:

• 把演示做成搬运号能直接发的东西:一段 20 到 30 秒的视频或 GIF,最好就是产品自己导出来的。
• 做中文适配,然后让中文开发者搬运号发现你。程序员鱼皮、GitHubDaily 这一档,一条推就能带来一两百星。对英文没名气的独立开发者,这比自己发英文推有效得多。
• 盯住同类爆款,24 小时内跟上当周最火的玩法,赶在 KOL 写「神器合集」之前。
• 在英文爆款推下回复自己的链接,成本为零,效果也接近零,可以做,别指望。

什么时候之前:画图 Skill 的热度在 10 月中旬到顶,KOL 的「画图神器」合集已经写过一轮了。要蹭这个题目,最好在年底前;冷启动的打法本身不过期。

什么情况说明看错了:如果接下来一两个月里,又一个「通用动画画图 Skill」从零涨到上万星,说明这个题目还没被占满,通用路线仍然能做。反过来,如果你做了中文适配、也找到了搬运号,一条推只带来几十星,说明中文开发者圈对「又一个 AI 神器」已经疲了,这条冷启动路要换。