VIBE CODING with CURSOR - Draw w/ HTML and JS

Greg Baugues · Intermediate ·💻 AI-Assisted Coding ·1y ago
I needed a diagram for a video on building a code agent, but I'm pretty bad at making things pretty. Decided to vibe code one up using SuperWhisper, Cursor Composer, and o3-mini. This video is cut down from a 30 minute vibe code session where I more or less only pressed the keyboard to hit enter. All the code was written by AI, and I spoke the instructions into Cursor using SuperWhisper's dictation. The end result was some retro-themed animated diagram written in 260 lines of vanilla HTML and Javascript.
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

⚡
Building an AI-Powered Git Commit & PR Assistant
Learn to build an AI-powered Git commit and PR assistant to streamline your development workflow and improve code quality
Dev.to · Vinayak G Hejib
 ⚡
Why AWS Generative AI Skills Are Becoming Essential for Cloud Developers in 2026
Cloud developers need AWS Generative AI skills to stay relevant in 2026, learn how to integrate AI into cloud development
Dev.to · Datta Kharad
 ⚡
From prototype to production: the infrastructure nobody tells you about
Learn how to transition your AI-built app from prototype to production by understanding the hidden infrastructure requirements and taking control of your database and code
Dev.to AI
 ⚡
The Final Boss of Code Is the Future of Vibe Coding
Learn how AI-assisted programming is revolutionizing the coding landscape and why it's not just about laziness
Dev.to · Greg Urbano
Up next
How to Actually Build Mobile Apps with AI in 2026 | A Complete Beginner's Tutorial
JavaScript Mastery
Watch →