VIBE CODING with CURSOR - Draw w/ HTML and JS

Greg Baugues · Intermediate ·💻 AI-Assisted Coding ·1y ago

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

Related Reads

Up next
What is Claude Code? | Claude Code Episode 01
Ascent
Watch →