Futuristic Heads-Up Display in 4 Prompts with Cursor 2.1
In this video, I walk through how I used Cursor in Agent Mode to design and code a complex UI feature for my macOS application—without knowing how to write Swift myself.
Watch how I prompt the AI agent to create a "documents per hour" speedometer with a futuristic Heads-Up Display aesthetic. We explore how Cursor’s Agent mode handles high-level planning, swift concurrency, and smooth animations that dynamically adjust speed. You’ll see the iterative process of generating plans with Claude 4.5 Sonnet, reviewing multiple "work trees," and refining the design from a gimmicky icon to a sleek, integrated header gauge.
What’s Inside:
Agent Mode Workflow: Running 3 models in parallel to plan.
Complex Constraints: Handling modern Swift concurrency and interruptible animations.
UI Iteration: Moving from rough drafts to a compact, retro-style display.
The Final Result: A fully functional, animated SwiftUI component generated entirely by AI.
Tools Used:
Cursor 2.1.20 (Agent Mode) https://cursor.com
Claude 4.5 Sonnet
SwiftUI