羊吃草 1.0 复盘：从语音灵感到小程序上线

封面图

一个专注计时器，从餐桌讨论到产品上线，完整走过7步流程。

一、灵感是怎么来的？

某天吃饭，孩子说：

“计时器太无聊了，就是一个数字在那跳。”

我说：”那改成羊吃草怎么样？”

专注就像羊吃草，心无旁骛才能把草吃干净。

这个隐喻，就这么定了。

二、讨论灵感，用语音记录

我们没写文档，直接用语音和 IMA 记录。

孩子在旁边边说边补充：

羊吃草，计时结束羊停
草地被吃完 = 时间流逝
完成任务羊变大
金币换皮肤（狼、猫、狗）
时间不够狼来追

语音记录的好处：不需要停下来写，边说边记，灵感不打断。

三、Claude Code 梳理成方案

把语音记录丢给 Claude Code。

它输出的方案比我们想的更完整：

模块	设计
核心视觉	像素风草地 + 像素羊吃草
音效	咩声、咀嚼声、铃铛声
反馈机制	羊吃几口休息一下（渐进式）
预警系统	剩余30%时间 → 出现
激励机制	完成任务羊变大 + 金币
功能卡	延时卡（预警前显示）

我们只给了碎片想法，Claude Code 组成了完整方案。

四、多轮修改方案

第一版方案出来后，我们又改了几轮：

修改点：

首页按钮位置太下 → 移到方便点击的地方
吃草背景不动 → 整个背景动画化
羊太小没头 → 放大羊，调整比例
树太少太小 → 增加数量和大小
狼太小看不清 → 放大狼
天空淡黄色 → 改成蓝色
云太少太小 → 增加数量和体积
首页没全屏 → 顶部顶上
自定义时间可重复 → 编辑时回显

方案不是一次定的，是边做边改。

五、执行方案实现

方案定好后，Claude Code 开始写代码：

小程序框架：微信原生
像素风格：我的世界风格方块
横屏模式：计时页面自动横屏
数据存储：云端同步 + 本地备份
音效系统：吃草声 + 预警声

实现过程不是一帆风顺：

像素羊的动画要调好久
横屏切换有兼容问题
音效在部分机型不播放

六、测试与多轮调试

上线前，测了很多遍：

测试项	结果	修复
首页全屏	✓	顶部顶满
羊吃草动画	✓	比例调整
狼预警	✓	剩余30%触发
音效播放	✓	多机型兼容
云端同步	✓	微信授权

Bug 不怕多，只要一个个修。

七、上线，发布小程序

2026 年 4 月，羊吃草 1.0 上线。

功能：

计时器 + 羊吃草动画
像素风格（我的世界风格）
预警狼系统
金币激励
云端数据同步

八、流程复盘

从灵感到上线，走过的7步：

1、产生灵感
   ↓
2、讨论灵感，使用语音与 IMA 记录
   ↓
3、Claude Code 梳理成方案
   ↓
4、确认方案（多轮修改方案）
   ↓
5、Claude Code 执行方案实现
   ↓
6、测试与多轮调试与修复
   ↓
7、上线，发布小程序

每一步都有工具配合：

步骤	工具
灵感记录	IMA 语音
方案梳理	Claude Code
方案修改	Claude Code + 语音反馈
代码实现	Claude Code
测试修复	Claude Code
发布上线	微信小程序后台

九、这个流程能复制吗？

可以。

羊吃草流程已经成了一个可复用的工作流：

任何产品想法，都可以走这7步：

产生灵感 → 不拘形式，随时记录
语音记录 → IMA / 手机录音
梳理方案 → Claude Code
多轮修改 → 边看边改
执行实现 → Claude Code
测试调试 → Claude Code
上线发布 → 各平台

把创意流程标准化，让工具做工具的事，让人做人的事。

十、下一步

羊吃草 1.0 是个简单版本。

后续可以加：

多羊功能（两只羊一起吃）
更多皮肤（猫、狗、狼）
羊毛掉落换实物
连续完成解锁新羊种

先跑起来，再迭代。

结语

羊吃草从餐桌讨论到小程序上线，用了7步流程。

这个过程可以复制。

下次有新想法，不用愁怎么落地——走这7步就行。

灵感 → 语音 → 方案 → 修改 → 实现 → 测试 → 上线

大抵如此罢。

关于码孖AI

码孖AI，专注 AI 工程化落地。羊吃草流程是我们验证的一套可复制工作流。

关注我，下次有灵感，知道怎么落地。