大神用 AI 从零做了一个架构图绘制工具,整个过程他没写一行代码,现已开源,导出无水印,无需注册和付费

这位大神想画一个架构图。

试了几个工具，不是要注册，就是要付费，要不就是要装一堆东西。

后来他想：为什么不直接问 AI 要一个。

结果

他花了一个下午，把需求说清楚，让 AI 帮他从零做了一个工具出来。

最后做出来的东西叫 Netviz——一个浏览器里的网络架构图编辑器。

地址栏输入 localhost:8888，就能用。

Netviz 是什么

一句话：浏览器里的网络架构图工具。

你可以从侧边栏拖拽组件到画布上——服务器、代理、数据库、负载均衡器……

用线条把它们连起来，映射数据流向。

每个组件都可以点开属性面板，改名字、调样式、加图标。

支持自定义组件图标，支持撤销重做，支持导出图片，支持暗色主题。

最实用的两点

第一：数据存在本地，不需要服务器

它用 IndexedDB 做本地存储。

不需要注册账号，不需要云端同步，不需要数据库。

你画的东西全部存在浏览器里。

关掉页面再打开，数据还在。

这个设计对于"临时画一张图"这个场景来说，刚刚好。

第二：部署极度简单

前端项目，构建完就是一个 dist/ 文件夹。

扔到任何静态服务器就能跑。

作者还提供了 Coolify 的 Docker Compose 配置，一键部署。

整个项目是 AI 写的

这是我觉得最有意思的地方。

Netviz 的作者在 README 里写了一句：

这个项目完全由 AI 创建，但应用已经过充分测试。

作者的主要目的是自用，所以不一定会合并 PR 或加新功能——如果你想改，可以直接 fork。

这件事本身挺有意思的：一个用 AI 做的工具，托管在 GitHub 上，开源给你用。

工具的起点是 AI，工具的终点是帮人做事。

怎么跑起来

# Node.js 20+ 或 Bun 1.1+bun installbun run dev

打开 http://localhost:8888，直接用。

构建：

bun run build

dist/ 就是静态文件，上传到你喜欢的任意服务器就行。

谁适合用

• • 你偶尔要画网络架构图
• • 你不想装软件、注册账号
• • 你喜欢简单、直接、够用的工具
• • 你好奇"用 AI 做东西"这件事能做到什么程度

GitHub：/ShadowArcanist/netviz