昨天突发奇想一个插件点子,于是让 antigravity 开始写,痛苦万分。。。

1 月 16 日
 YanSeven
下面的问题其实还是一个老生常谈的问题,就是没有技术领域知识的”外行“目前根本不可能在所谓”氛围编程“中走多远。

1. 楼主前端知识面属于小学生。
2. 整个 debug 流程就是:ai 改一点,我拿到浏览器测一点,不符合预期,然后复制控制台的日志给 ai ,让它分析 debug 。

体验真的就是:

1. 确实比我从 0 开始写快多了,初步设想快速得到了验证。

2. 但是到了细致的需求上,开始痛苦,一方面是进度上停滞了,在某个需求点卡住,总是改不对。同时在流程上,我完全像是一个没有脑子的木头人,机械地把自己的手供给 llm 驱使。但凡 llm 有了自己的机械手,准保一脚把我踹开,自己单干了。

所以问题不在于 llm 能不能干出来,而是我在这个流程中由于没有足够的“领域知识“,完全不知所措。会显得更加的煎熬。

煎熬的点在于:

1. 失控感

整个实现方案和稳定性,性能等完全一无所知。

2. 预期管理失败

没有 llm 前,同样功能可能预期一两个星期,滞塞个一两天问题都不大。
但是有了 llm ,大大拉高了阈值,开始预期 2h 以内,最多 1 天就要看到可用的成品,一旦滞塞住,进入机械地给 llm 打下手 debug ,就开始烦躁不耐烦。

烦躁的点在于一方面没有达到自己几个小时内快速出活的预期,另一方面,整个 debug 过程学到的东西大大减少,根本不会有什么长进。

没有 llm 之前,滞塞的过程其实是深入学习的过程,是提升的过程。

但是给 llm 打下手,它快速出 debug 方法,快速让你验证,快速调整方案,整个流程你是万花丛中过,片叶不沾身,你学不到这个组件为什么这么用,它为什么在这个场景下不行等等等。
6817 次点击
所在节点    程序员
39 条回复
lhcnic
1 月 16 日
深有同感。
liu938651469
1 月 16 日
试试别的 ai ,前端复刻不知道哪些平台做得好些
magicZ
1 月 16 日
你要不试试这样,把需求给 ai ,然后让它反问你,在这个过程一点点开地图。等有把握再开始操作
cxtrinityy
1 月 16 日
不是自带测试么,效果应该都展示给你了,不对他还会自己改,改完不对你可以直接图片 comment 吧,你为啥要手测。
学不到东西可能是大概率事件,毕竟都进入所见即所得的黑盒开发了,只有他搞不定你才需要自己下手找出问题点。
1gzNr
1 月 16 日
非常有同感
zjttfs
1 月 16 日
我现在主要用于写 demo 验证,然后再手动写项目.
最多调用项目的检查工作,但绝对不会将整个项目给它操作.
HeyWeGo
1 月 16 日
细节是魔鬼。
mengdu
1 月 16 日
你需要 mcp-playwright ,让 ai 帮你调试,注意别用 antigravity 自带的那个,那个纯傻 x 。
23wEJhKrPYz2uRF5
1 月 16 日
就算很懂前端 如果不看代码的话 也会走进怎么改都改不好的死路 那就很痛苦
所以认真的项目或者功能我基本上会 review ai 写的所有代码 然后修改时就能给 ai 很明确的任务 也知道它改得对不对
listenerri
1 月 16 日
如果你还想用 AI Coding Agent ,建议安装用于在浏览器中调试的插件或者相关的 mcp 工具,具体可以搜一下,应该已经很成熟了,可以实现你文中说的“但凡 llm 有了自己的机械手,准保一脚把我踹开,自己单干了”
kandaakihito
1 月 16 日
同感,用 ai 写自己不熟悉的东西,写完完全就。。。不会增加技能熟练度。

冷门一点的东西,我还能把控方向和细节,显得我这个人形 MCP 有那么点卵用,但是绝大部分情况下就是沦为了质检员的角色。
sillydaddy
1 月 16 日
前端一定要闭环,让 AI 能自己截图验证,比如现在 Cursor 配合 Opus 4.5 ,效果就是下面这样(注意里面的 Navigated to 和 Captured screenshot ):

```
让我检查 lint 错误:
No linter errors found in graph.ts

现在让我验证修复是否生效,刷新页面并测试时空视图:
Navigated to http://localhost:5174/

页面刷新成功。让我点击时空 tab 测试修复效果:
Explored performed 1 operation
Executed JavaScript

时空视图已加载!但我注意到有一个问题:维度配置面板中有一个"undefined"维度( ref=e84 ),显示的是“::undefined 1",里面的值也是"undefined”。这可能是因为代码在获取维度名称时出了问题。让我检查控制台是否还有错误:

Checked logs ›
没有错误了!修复成功。但是"undefined”维度的问题存在。这是个小问题,让我截取屏幕截图确认当前状态:

Captured screenshot
时空视图现在正常工作!地图上显示了多个标记点(红色圆形和蓝色方形),还有"未命名事件"标签。
现在让我修复"undefined"维度的问题。这是 multi-dim-matrix.ts 中 buildDimensionsFromGraph 方法的问题,当获取节点的 title 或 name 属性时可能为 undefined 。

让我修复这个问题:
Explored 1 file
```
jaoyina
1 月 16 日
看介绍说 antigravity 不是可以自己调用 chrome 吗?为什么还要借你的手。
YanSeven
1 月 16 日
@jaoyina 因为这是一个涉及得到其他平台账户登录等复杂一点的功能的插件。
huayunmo
1 月 16 日
@sillydaddy 老哥这是怎么做到的,都用了哪些 mcp 和怎么写提示词的,可以分享一下吗
sillydaddy
1 月 16 日
@huayunmo 我还没试过自己配 mcp ,应该就是 Cursor 自带的 mcp ,感觉其他 Agent 的话你按照#8 楼和#10 楼的配置一下应该就可以,具体我没试过。
也没有特别的提示词,就告诉 AI 让它自己跑一下验证结果就行!它就会自己操作浏览器然后截图。
bbxx11
1 月 16 日
给 ai 充会中可解
Jonz
1 月 16 日
平时只做后端,昨天客户有个简单的定制化需求,不到半小时后就让 AI 把后端写好,接口调试通过了。然后想说接口调用的话客户可能用不明白,也是想着继续让 AI 写个简单的页面,刚出来的时候很惊喜,但是随着各种细节的调试的时候真的吐血
timjuly
1 月 16 日
@jaoyina 可以,但是特别费 token ,建议搞本地的单测
labubu
1 月 16 日

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1186161

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX