top of page
.png){kind=small}
Vibecoded explorations I built using tools like Figma Make, Claude Code, Google AI Studio, Framer, and Replit, this space focuses on rapid exploration and learning through building. Try them out!
Figma Make
React
TypeScript
Vite
Tailwind CSS
Custom CSS Variables
Sonnet 4.6
I acted as the QA and polish layer correcting broken HSL logic, resolving slider interaction bugs, and locking down layout shifts.
Opus 4.8
Vanilla JS Canvas API
Custom CSS Variables
Vercel
While the AI generated the code, I directed the design identity: defining the energy-state color logic, selecting typography, and orchestrating the physics-based hover states.
bottom of page