使用 copilot cli 在 30 分钟内完成 Flappy Hand

Source: Dev.to

Overview

FlappyHand 是一款受经典《Flappy Bird》启发的免手动交互游戏。角色通过摄像头捕捉的手势进行控制：

• 张开手掌 – 角色拍动翅膀并向上飞。
• 握紧拳头 – 角色因重力下降。

该应用使用 Next.js 和 React 构建，借助 MediaPipe 在浏览器中实现实时手部追踪。它包含计分系统、高分排行榜以及流畅的 Canvas 渲染。

Demo

FlappyHand Web App

Technology Stack

• Framework: Next.js, React
• Computer Vision: MediaPipe（手部追踪）
• Rendering: HTML5 Canvas
• Hosting: Vercel

Development Experience with GitHub Copilot CLI

使用 GitHub Copilot CLI 构建此项目过程非常顺畅。从一个模糊的提示开始，只需进行少量微调，整个应用便可快速上线，将想法转化为可运行的实际产品。

Models Used

• Gemini 3 Pro (Preview)： 精炼创意并制定完整计划。
• Claude Opus 4.5： 主要开发协助。
• GPT‑5.2‑Codex： 代码微调与打磨。