我让Claude Code和Kiro同台竞技,开发一个功德木鱼,最后竟然是它赢了!

前几天比较佛系,突发奇想:

反正在摸索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工具动态

你自己也可以开发工具

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东哥说AI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值