首页 › LLM大语言模型 › GPT专栏 › VibeCoding项目三:全栈 AI 编程工具

VibeCoding项目三:全栈 AI 编程工具

​

简单来说,我要求 AI 先克隆 VS Code 的开源代码,然后在此基础上做一个支持 Editor Window 和 Agents Window 双窗口切换的 Web AI 编程工具。Editor Window 负责代码编辑,Agents Window 负责 AI 对话和自主开发,技术栈让 AI 自由发挥。​

​

​

🧠

AI 拿到任务后同时做了两件事,一边用 Firecrawl 搜索 Cursor 3 的产品设计,一边通过 Git 命令克隆 VS Code 仓库。​

​

有意思的是,AI 没有直接把产品叫做「Cursor 复刻版」,而是自己取了个产品名叫「orbit」,顶部中间就是 Editor / Agents 双窗口切换按钮。​

先来看看 Editor Window 编辑器模式的效果:​

​

​

​

飞书文档 - 图片

​

49%

​

​

​

飞书文档 - 图片

​

51%

​

​

整体布局参考了 VS Code,比如左侧文件树、中间 Monaco 编辑器、上方多标签页和面包屑导航、下方终端面板、右侧 Agent 对话面板。但又跟 VS Code 不完全一样,比如暗色主题配色、活动栏图标、状态栏信息这些细节都做了自己的设计,更像是一个独立产品而不是简单的换皮。​

切换到 Agents Window,这就是我们熟悉的 AI 对话界面了:​

Agents 面板有完整的任务管理能力,中间是对话输入区,下方已经配好了 deepseek-v4-pro 模型选择和 Agent 模式。​

AI 能够正常完成简单的开发任务,核心功能都能跑通:​

​

飞书文档 - 图片

​

跟之前我测试过的几个模型横向对比一下。​

Kimi K3 那次花了半个多小时,核心功能跑通了,但是界面比较简陋。​

​

飞书文档 - 图片

​

再来看看 Claude Opus 5 用同样的提示词做出来的版本,代码高亮、小地图、管理面板都在,还原度很高,但说实话跟 VS Code 太像了,少了点自己的想法。​

​

飞书文档 - 图片

​

Claude Fable 5.1 的完成度最高,有完整终端、Agent 执行流程和文件审阅机制,还能逐文件接受或拒绝 AI 改动。​

​

​

GPT-6 Astra 这次最让我惊喜的是它有自己的产品想法。没有完全照着 Cursor 去抄,而是自己设计了 orbit 这个品牌、自己加了任务分类管理和三个快捷入口、自己定义了暗色主题的配色体系。在 Editor Window 的视觉还原度上也做到了几个模型里最好的。​

不过整个编辑器的功能丰富度还差 Fable 5.1 一截,像逐文件审阅改动这种功能 Astra 是没有做出来的。​