AI 编码闲谈 1

引言

最近基线项目比较多，也在疯狂的 Vibe Coding 中，过程中遇到一些想分享的内容，就做成杂谈的方式。

这次主要讲的 kiro 这个工具的使用，有幸耗到一个白嫖的机会，所以简单分享下。

从 0 - 1 的编码案例

这个的话，主要是用来抓取当前页面的 cookie，然后可以方便的在开发工具中查看和使用。以前我们都需要登录平台后开 F12 再去找接口再去捞特别麻烦。那我主要的prompt 是：

我想做一个浏览器获取cookies的浏览器插件，

就是我登录某个网站以后我可以获取到其中的cookies信息，不需要我打开控制台再去捞；

那还会存在一种情况就是这个网站里面iframe嵌入了别的网站，那如果用户打开了，也需要帮我捞到

我试的时候只有 claude opus 4.6 基本完全实现，GPT 我用的是 GPT-5.2-codex ，claude code + GLM 5 基本都没法在10次对话中做对；

不过在过程中我发现一个点就是我们的 iframe 的 cookies 其实是组件的 cookies 拼上门户的 cookies 的，这个我也是第一次知道。而且这个插件我打开一次组件，下次进来即使不打开组件也能获取到我想要的 cookies，这个我觉得是非常神奇的。

这个大概就花了1小时，后面能做的应该还有很多

比如 vscode 插件，就如果我们有 .env 文件，那就自动去vscode 插件去登录一下回填到 env文件中宏

总结：个人感觉 claude opus 4.6 模型会更优秀一些

我们业务上要实现一个比较复杂的流程图，我是在之前的功能上去做添加，就之前是单流程，现在要做多个分支流程，甚至会出现套娃的情况。

那比较难的点在于，从 vue-flow-example 的 demo 里面，我是无法找到某个功能的实现

这个功能就是vue-flow 的线，要不就是线上有个自定义组件（type: 'button' 但此时是曲线），要么就是折线无法上面放自定义组件（type: 'step'）

那我就去一顿和设计师和负责人拉扯，但最后还是要做，那就问了 claude opus 4.6，它居然给我实现了；这个我在官方文档根本找不到 type: step-custom ，现在我感觉只要逻辑合理，用 AI 其实都能做

中间其实还有一些离谱的操作，比如让他自动根据数据调整样子，都是比较快的完成的。不过这个功能我一共做了2天，之前评估的话是5天；

总结：大模型能懂的会更多，甚至会看更深层的源码

有个项目的需求是一个老项目的迭代，手写的看板，那主要是多张看板合并成一张，去掉一些不必要的功能；当时手写的话同事评估了 6 天，我 1 天，就搞完了。这个的话其实很简单，有啥问啥就行了。

另外一个的话，预研了一个从 0 到 1 的大屏项目，这块不管用什么 AI 工具都会，都无法很快的完成；

我有尝试过，就是把一些图标的切图都给它，然后让它去完成，成效也一般。

这块是预研项目，后续如果有真实案例再研究一下。

总结：对于一些已有功能的迭代，可以无脑使用 vibe coding

这个是 vue2 从 ant-design-vue 迁移到 element-plus 的项目，运行了算最久的一个项目吧，第一个 prompt 完成后都跑的起来，不过功能缺失和不理解的地方还是有很多的。那这块我后面是用 claude code 再去补完的，前后大概花了 1天时间。

主要内容也算有点多，我感觉 vibe coding 在这种大型迁移上还需要更多的人为去干预。不过总体还是大大降低了我的工作量。

总结：不要一次性让大模型做太多事情，迁移的话可以按照小模块去做。

kiro 还是比较好用，不过我觉得最重要的还是模型，claude opus 4.6，当然前面的内容我就用了10天，1000次使用次数就被我干没了。

缺点也比较明显，相对其他工具来说，最致命的就是 kiro 没有 tab 键。对于我这种喜欢改 ai 写的代码就特别不友好。相对其他编辑器有些拖拽功能也没有。

编辑器的话，我个人还是喜欢 cursor 和 trae