周末项目:写了一套可视化编辑器,稍后开源,关税问题比较了一下五个Deep (Re)Search版本,Gemini2.5做可视化

周末项目:写了一套可视化编辑器,稍后开源,关税问题比较了一下五个Deep (Re)Search版本,Gemini2.5做可视化


这段时间确实事情很多,一直绕在一个跟cursor共建的项目里出不来,尝试了好多种版本设想,最终做出了一个可以继续改进的基础版本。

全部在Cursor里完成,底层模型基本都是Claude 3.7,部分使用了Gemini 2.5,我的职能就是 vibe coding。

在做出这个相对满意的版本之前,我大概在一个礼拜内建立并放弃了超过十个工程。不能说放弃的工程没有价值,每个版本我都借鉴了其中有价值的代码和架构,包括界面,最终拼凑到了新项目中。

还有些bug需要调整,完成后我会上传到Github并开放。

功能与亮点:

  1. 拖拽方式的 React 组件布局;
  2. 直接对应 React 的 tsx 代码,类似于 Claude 的 artifact 生成的。我在之前写了一套渲染工具,生成的代码在那套渲染工具里可以正常显示;
  3. 支持代码编辑,组件属性编辑还在调整优化中;

目前不足:

  1. 组件属性编辑中的事件机制还要加入(比如 addDataKey);
  2. 需要加入直接预览功能;
  3. 组件还不够丰富(这个问题不大),组件列表框视觉效果还要调整;
  4. 代码编辑器和属性编辑器功能还需加强;

其实,在这之前,我也让 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 生成了一套可视化效果,截图如下:

可视化截图1

可视化截图2

可视化截图3

可视化截图4

可视化截图5

可视化截图6

可视化截图7

可视化截图8

是的,原地重建;多线程并行工作;全部可视化;自建模板与流程。

以上就是我目前常规的工作方式。

世界确实是个草台班子,但 AI 不是,理性之上的情感温度,也不是。

← Back to Blog