VIBE CODING with CURSOR - Draw w/ HTML and JS
Key Takeaways
Uses Cursor and SuperWhisper to create a diagram with HTML and JS
Original Description
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
More on: AI Pair Programming
View skill →Related Reads
📰
📰
📰
📰
How I Built Transcriber - Local Whisper Voice Backend for Browser AI Tools
Dev.to AI
Where Code Meets Medicine, Chemistry, and Even Religion
Dev.to · Daniel Ioni
Fable 5 Costs 5x More Per Task Than Grok 4.5. Here’s Whether That Actually Matters.
Medium · AI
Why Modern Test Automation Frameworks Need AI in 2026
Medium · Programming
🎓
Tutor Explanation
DeepCamp AI