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
📰
📰
📰
📰
Scaling medical content review at Flo Health with Amazon Bedrock – Part 2
AWS Machine Learning
Bothread: A Free, Local Room Where Your AI Coding Agents Stop Overwriting Each Other
Dev.to · Adam Ahmed
I Built a “Smart Router” for My AI App.
Medium · Programming
Something I've Been Building Is Almost Ready. 🚀
Dev.to · AGUNWA CHIDIEBELE
🎓
Tutor Explanation
DeepCamp AI