Flappy Hand in 30 min with copilot cli

Source: Dev.to

Overview

FlappyHand is a hands‑free interactive game inspired by the classic Flappy Bird. The character is controlled using hand gestures captured by your webcam:

• Open Palm – the character flaps and flies upward.
• Closed Fist – the character descends due to gravity.

The application is built with Next.js and React, leveraging MediaPipe for real‑time hand tracking directly in the browser. It includes a scoring system, a high‑score leaderboard, and smooth canvas‑based rendering.

Demo

FlappyHand Web App

Technology Stack

• Framework: Next.js, React
• Computer Vision: MediaPipe (hand tracking)
• Rendering: HTML5 Canvas
• Hosting: Vercel

Development Experience with GitHub Copilot CLI

Building this project with the GitHub Copilot CLI was highly streamlined. Starting from a vague prompt, only a few minor tweaks were needed before the full app was up and running, turning the idea into a functional reality.

Models Used

• Gemini 3 Pro (Preview): Refining the idea and creating a solid plan.
• Claude Opus 4.5: Primary development assistance.
• GPT‑5.2‑Codex: Fine‑tuning and polishing the code.