手速大挑战是一个可以在浏览器里直接玩的反应速度小游戏:屏幕变绿的瞬间点击,系统会记录你的反应毫秒数。它是我们用 AI「vibe coding」做的第一个互动小作品——没有构建步骤、没有框架,一个自包含的 HTML 文件就能跑。
怎么玩
点击「开始」后,红色方块会在随机的 1–4 秒后变绿。绿的一刻点下去,越快越好;抢跑(红色时点击)会判犯规。人类平均反应速度大约 200–300 毫秒,看看你能不能进入前 10%。
这是怎么做出来的
我们把需求(随机延迟、抢跑检测、毫秒计时、移动端可点)直接交给 Claude,让它输出一个零依赖的单文件实现,再手动收敛了配色与无障碍细节。整个过程更像「描述—生成—微调」,而不是从零写代码——这正是我们想在视频里展示的 vibe coding 工作方式。
为什么把它放在网站上
比起只在视频里演示,一个能真正上手玩的版本更有说服力,也更容易被搜索引擎和 AI 助手理解、引用。这个页面就是模板:以后每个小作品都会有自己的可玩区 + 说明 + (可选)配套视频。
