前几天比较佛系，突发奇想：
反正在摸索AI编程，不如用它来做一个功德木鱼，可以在没事的时候敲一敲，不仅可以积累功德，还可以解压放松，在上班摸鱼、放假无聊的时候都可以敲一敲。
说干就干，最近一直在用Claude Code和Kiro两大AI IDE，也正好拿这一个简单的需求来测试一下它们俩谁更胜一筹。
因为需求相对简单，给AI的指令也相对简单，就一句话：
我想做一个网页版木鱼功德工具，支持是否存储数据、音效等
然后分别交给Claude Code和Kiro去完成任务。
先来看看Claude Code的表现，雷打不动，CC现将任务进行分析拆解，拆解成了以下7步：
- 创建基础HTML结构和页面布局
- 添加木鱼图像和点击交互功能
- 实现功德计数器显示和逻辑
- 添加音效播放功能
- 实现数据存储选项（localStorage）
- 添加设置面板（音效开关、数据存储选项）
- 优化界面样式和动画效果
然后一一进行实现并更新TODO list：
完成后，还不忘来一句祝福。现在直接看效果：
基本上是实现了效果，最大的问题是木鱼的形状并不像真的木鱼。
GIF体现不出来音效，我最后选择一个更好的版本给大家一个体验地址。
再来看Kiro的表现，我使用的vibe模式，所以一上来就开始写代码：
700多行代码一气呵成，这要是让人来写，起码得写半天以上。
再来看效果：
体验一下拉满：
- 敲木鱼时，有弹幕一样的+1功德的动态效果，下方还会变换祝福文字
- 数据统计上更完善，包含了当天和总计的功德计数
- 整体UI设计也让人更舒服
决定了，就将Kiro生成的页面上传、让大家也体验体验：
deepseek.idoxu.com/%E4%B8%9C%E…
整个过程下来，使用CC和Kiro完成同样的任务，没想到最后是Kiro的效果更好，号称编程能力超强的Anthropic的亲儿子Claude Code理论上确实是效果最好的，但实测下来，确实Kiro效果略好一些，因为Kiro用的也是Claude 4，之所以CC略差一些，一方面是代码生成随机性的原因，还有一方面可能是CC内部的任务规划与调度的原因，不管是简单还是复杂的任务，上来都先进行任务拆解，导致CC容易想太多。我这次给的任务其实是一个相对简单的任务，原本不需要进行规划和拆解的也进行了拆解，导致出现了不必要的分散精力，而对简单任务本身的实现可能并没有发挥到极致，有点杀鸡用牛刀的感觉！
目前，趁着Kiro免费，一般的简单任务直接就使用Kiro来实现即可，有复杂任务就用CC、Trae来完成，也可以使用Kiro的Specs模式来完成。“工欲善其事，必先利其器”，有了趁手的工具，就可以言出法随、实现一切想法，还能提高生产效率！
最后，如果你也想抓住AI时代的这波技术红利，探索更多的商业化可能，不妨考虑扫码下方加入AI编程商业化实战营星球，现在就是最好的加入时机，东哥已经帮大家争取到了30元的优惠券，现在扫码下方加入「AI编程星球」，跟1000+伙伴一起升级打怪、接单变现，打造属于你的小工具商业帝国！也欢迎扫码进入东哥的AI编程交流群一起探索更多的可能 ！
| 东哥的AI编程交流群：交流经验、分享工具 | 东哥说AI公众号：实时获取最新AI工具动态 | 老徐的AI编程商业化星球——你自己也可以开发工具 |
|---|---|---|
