← Index
Rapid Web Ideation & Prototyping
- Year
- 2026
- Field
- Physical Computing, Web, Creative Coding
- Context
- 1-day sprint each · Individual · Gemini, ChatGPT, Supabase, Antigravity IDE, Claude Code
Translating instant inspiration into code through on-demand learning. Early experiments with an AI-assisted workflow: by defining interaction logic, choosing technical stacks, and setting clear UI guidelines, each prototype was completed within 10 hours.
A MediaPipe hand-tracking interaction that recreates reeded glass in the browser with distortion textures. Both index fingers define the screen boundary, while the thumb-to-index distance controls micro-interactions.
Real-time WebGL shaders create RGB shifts, color inversion, and film noise inside a grid that follows the fingertips. Gestures such as a fist, double fists, and a pinch trigger zoom, red glitch, and a face-tracking overlay.
