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

[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 方法，快速让你验证，快速调整方案，整个流程你是万花丛中过，片叶不沾身，你学不到这个组件为什么这么用，它为什么在这个场景下不行等等等。

[lhcnic]

深有同感。

[liu938651469]

试试别的 ai ，前端复刻不知道哪些平台做得好些

[magicZ]

你要不试试这样，把需求给 ai ，然后让它反问你，在这个过程一点点开地图。等有把握再开始操作

[cxtrinityy]

不是自带测试么，效果应该都展示给你了，不对他还会自己改，改完不对你可以直接图片 comment 吧，你为啥要手测。
学不到东西可能是大概率事件，毕竟都进入所见即所得的黑盒开发了，只有他搞不定你才需要自己下手找出问题点。

[1gzNr]

非常有同感

[zjttfs]

我现在主要用于写 demo 验证,然后再手动写项目.
最多调用项目的检查工作,但绝对不会将整个项目给它操作.

[HeyWeGo]

细节是魔鬼。

[mengdu]

你需要 mcp-playwright ，让 ai 帮你调试，注意别用 antigravity 自带的那个，那个纯傻 x 。

[slert]

就算很懂前端 如果不看代码的话 也会走进怎么改都改不好的死路 那就很痛苦
所以认真的项目或者功能我基本上会 review ai 写的所有代码 然后修改时就能给 ai 很明确的任务 也知道它改得对不对

[listenerri]

如果你还想用 AI Coding Agent ，建议安装用于在浏览器中调试的插件或者相关的 mcp 工具，具体可以搜一下，应该已经很成熟了，可以实现你文中说的“但凡 llm 有了自己的机械手，准保一脚把我踹开，自己单干了”

[kandaakihito]

同感，用 ai 写自己不熟悉的东西，写完完全就。。。不会增加技能熟练度。

冷门一点的东西，我还能把控方向和细节，显得我这个人形 MCP 有那么点卵用，但是绝大部分情况下就是沦为了质检员的角色。

[sillydaddy]

前端一定要闭环，让 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]

看介绍说 antigravity 不是可以自己调用 chrome 吗？为什么还要借你的手。

[YanSeven]

@jaoyina 因为这是一个涉及得到其他平台账户登录等复杂一点的功能的插件。

[huayunmo]

@sillydaddy 老哥这是怎么做到的，都用了哪些 mcp 和怎么写提示词的，可以分享一下吗

[sillydaddy]

@huayunmo 我还没试过自己配 mcp ，应该就是 Cursor 自带的 mcp ，感觉其他 Agent 的话你按照#8 楼和#10 楼的配置一下应该就可以，具体我没试过。
也没有特别的提示词，就告诉 AI 让它自己跑一下验证结果就行！它就会自己操作浏览器然后截图。

[bbxx11]

给 ai 充会中可解

[Jonz]

平时只做后端，昨天客户有个简单的定制化需求，不到半小时后就让 AI 把后端写好，接口调试通过了。然后想说接口调用的话客户可能用不明白，也是想着继续让 AI 写个简单的页面，刚出来的时候很惊喜，但是随着各种细节的调试的时候真的吐血

[timjuly]

@jaoyina 可以，但是特别费 token ，建议搞本地的单测

[labubu]

有没有一种可能，你可以在 antigravity 直接让 ai 自己打开浏览器验证，https://codelabs.developers.google.com/getting-started-google-antigravity?hl=zh-cn#3:~:text=%E5%90%8E%E7%BB%AD%E6%AD%A5%E9%AA%A4-,4.%20Antigravity%20%E6%B5%8F%E8%A7%88%E5%99%A8,-%E6%A0%B9%E6%8D%AE%E6%96%87%E6%A1%A3

[twocold0451]

可以试试 gemini cli 的 /conductor ，他会对细节进行提问，然后根据工作流开始干活。

gemini extensions install https://github.com/gemini-cli-extensions/conductor --auto-update

/conductor:setup

[Tink]

现在反重力这些是可以自己打开浏览器看自己写的效果，哪里不对自己改的，不需要人工干预

[JRay]

同感，感觉写了很多代码，但是和我没有关系。我也不知道写的对不对，哪儿有问题

[Sezxy]

就像一些中层技术领导，自身已经不写代码，都是指派给下面的人干。等哪天被裁员了，就知道要找技术工作是多难

[gy0624ww]

我觉得你的提示词或者模型没选对。prompt 尽量客观直击要害。
除专业名词外，让一个不相干的人看也能知道具体操作步骤
而且尽量用 plan 模式，这个模式就是磨合大模型的理解和你的想法有出入的环节

[xsonglive491]

自我验证自我实现,很多时候就跟玄幻小说中的万能许愿机一样.可以实现你的愿望,但是实现的效果和角度就有一些奇怪了

[menghan]

跑个题，楼主的文章写得挺好的。结构合理，文笔流畅，标题有悬念但不标题党。

[iorilu]

@labubu 这个是官方指南文档阿, 挺好的阿, 以前还没看过, 打算过一遍

[lemoncoconut]

@YanSeven 试试 WXT+单独开个有登录状态的 profile ，可以靠 mcp 自动化测试

[yyysuo]

什么点子分享一下，我让 ai 写写。

[MindMindMax]

还是需要 code review 的，不然真的不可控。

[zhuanggu]

去年用 cursor 开发的一个 chrome 插件，真是开发很爽但是调试简直痛苦地狱啊，顺便推广一下。
https://chromewebstore.google.com/detail/readlater/lckfnnfmjommmggimajebafabnnbnndg?authuser=0&hl=zh-CN

[Elietio]

我发现写前端，我让它调样式，它老是改我的里面的一些文本，就很烦

[gateszhang]

antigravity 应该是可以自动获取浏览器中的日志呀，你只需要告诉它哪里不对。这个也是用 antigravity 爽的地方。能够和 chrome 无缝集成，其它的工具这点做的没有 antigravity 好

[cnrting]

还有个好处就是一言不合可以放开了骂

[reter]

又联想到卖油翁 “无他，唯手熟尔”。

AI 写虽然快，但毕竟不是自己手写，灵感和熟练度都是一点一点练出来的。手写代码，增加大脑对语言特性/痛点的认知和理解。

想象一下，在一个项目里，需要写很多冗余代码/不合理/不好维护的代码。如果是以前，程序员可能会整理存在问题，总结经验，使用新的设计来解决这个问题，甚至是专门写一个新的库或者框架。但是现在都交给 AI 写了，AI 也完成的很好，但语言/框架/项目/本身存在缺陷就被 AI 掩盖了，没有知识沉淀然后输出的环节。


不过老实说，用 AI 写模板代码是真的爽

[wenerme]

让 ai 写尽量不要想到哪里写到哪里

> 但凡 llm 有了自己的机械手，准保一脚把我踹开，自己单干了。

首先造工具让 ai 能自己动手，这样一个 prompt 下去它才能直接跑个几十分钟，来回折腾搞定问题。
最近造了几个支持和配合 mcp 的工具 https://github.com/wenerme/wode/tree/develop/packages/wener-mcp-cli 工作轻松了不少。



过程用 ai 写了 70 个工具练手 https://abc.wener.cc/
先能跑了过后，再逐步带点自己的思考和理念让它重构设计，这个站点的 i18n 也参考了好几个方法，有些自己的想法，尝试了几遍后得到一个相对理想的结果。

现在核心时间都是在写 prompt ，让它能操作浏览器，让它能查 deepwiki ，让它自己去测试基础功能单元会让整体体验好很多。

在尝试练习怎么维护 prompt
之前是 TODO.xx.md ， 一个主题一个上下文，现在是尝试在一个 md ，每天一个 title ，小主题一个 二级 title 。

现在的问题是写 prompt 也容易出现 ai 经常遇到的 lost in the middle ，在一个 md 里相对好一点。最近两天都写了 1500 行 prompt 了，但是的确产出的代码要多得多。

[sn0wdr1am]

这就像，你没考过驾驶证，但是你胆子大，你直接上手开带有智能驾驶功能的电车。

有的人幸运，开到了目的地。
有的人倒霉，开到沟里去了。

AI 就像辅助驾驶，他只能辅助，但你不能啥都不懂，啥都让他来操作。
否则，你都不知道他会带你到哪里去。是目的地，还是沟里。

[pheyer]

我用 claude code ，会自动调用 playwright 进行自动化调试，别提有多爽，还是用的 GLM 模型