前几天比较佛系,突发奇想:
反正在摸索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生成的页面上传、让大家也体验体验:
https://deepseek.idoxu.com/%E4%B8%9C%E5%93%A5%E8%AF%B4AI/wooden-fish-merit.html
整个过程下来,使用CC和Kiro完成同样的任务,没想到最后是Kiro的效果更好,号称编程能力超强的Anthropic的亲儿子Claude Code理论上确实是效果最好的,但实测下来,确实Kiro效果略好一些,因为Kiro用的也是Claude 4,之所以CC略差一些,一方面是代码生成随机性的原因,还有一方面可能是CC内部的任务规划与调度的原因,不管是简单还是复杂的任务,上来都先进行任务拆解,导致CC容易想太多。我这次给的任务其实是一个相对简单的任务,原本不需要进行规划和拆解的也进行了拆解,导致出现了不必要的分散精力,而对简单任务本身的实现可能并没有发挥到极致,有点杀鸡用牛刀的感觉!
目前,趁着Kiro free,一般的简单任务直接就使用Kiro来实现即可,有复杂任务就用CC、Trae来完成,也可以使用Kiro的Specs模式来完成。“工欲善其事,必先利其器”,有了趁手的工具,就可以言出法随、实现一切想法,还能提高生产效率!
最后,如果你也想抓住AI时代的这波技术红利,探索更多的商业化可能,不妨考虑扫码下方加入AI编程商业化实战营星球,现在就是最好的加入时机!
交流经验、分享工具 | 实时获取最新AI工具动态 | 你自己也可以开发工具 |
![]() | ![]() | ![]() |