这段时间确实事情很多,一直绕在一个跟cursor共建的项目里出不来,尝试了好多种版本设想,最终做出了一个可以继续改进的基础版本。
全部在Cursor里完成,底层模型基本都是Claude 3.7,部分使用了Gemini 2.5,我的职能就是 vibe coding。
在做出这个相对满意的版本之前,我大概在一个礼拜内建立并放弃了超过十个工程。不能说放弃的工程没有价值,每个版本我都借鉴了其中有价值的代码和架构,包括界面,最终拼凑到了新项目中。
还有些bug需要调整,完成后我会上传到Github并开放。
功能与亮点:
- 拖拽方式的 React 组件布局;
- 直接对应 React 的 tsx 代码,类似于 Claude 的 artifact 生成的。我在之前写了一套渲染工具,生成的代码在那套渲染工具里可以正常显示;
- 支持代码编辑,组件属性编辑还在调整优化中;
目前不足:
- 组件属性编辑中的事件机制还要加入(比如 addDataKey);
- 需要加入直接预览功能;
- 组件还不够丰富(这个问题不大),组件列表框视觉效果还要调整;
- 代码编辑器和属性编辑器功能还需加强;
其实,在这之前,我也让 Deep Research 研究了一下目前开源的方案,类似于 GrapeJS,ToolJet,Puck,OpenBlock,Craft JS 等等。但是,与其在那些代码之上付出更多的学习成本,不如利用 AI 一步步重建,这大概就是目前的 AI 能力对软件工程最大的挑战所在:与其继承,不如重建。
当然,在 Cursor + Claude 3.7 + Gemini 2.5 努力工作的同时,我用了五个版本的 Deep Research 分别对最新的“关税”进行了一下深度研究(时间截止到北京时间的 4 月 4 日上午)。
简单结论:OpenAI 断档领先,篇幅最大最完整。
我用 Gemini 2.5 生成了一套可视化效果,截图如下:








是的,原地重建;多线程并行工作;全部可视化;自建模板与流程。
以上就是我目前常规的工作方式。
世界确实是个草台班子,但 AI 不是,理性之上的情感温度,也不是。