A Designer’s Guide to Cursor with Elizabeth Lin — From Y2K Aesthetics to Interactive Pianos

By: Elizabeth Lin Host: Claire Vo Source: How I AI (ChatPRD) Type: podcast

Summary

How I AI episode with Elizabeth Lin, independent design educator who runs “Design is a Party” and teaches courses like “Prototyping with Cursor.” Three workflows showing designers how to use Cursor as a creative partner beyond coding: (1) Visual style exploration as AI mood board — ask Cursor to list design aesthetics with descriptive keywords (Cyberpunk: neon schemes, glitch effects), then combine unlikely styles (Brutalist + Y2K) to generate unexpected creative variations; use restore checkpoint feature to try the same prompt multiple times for entirely different outputs; (2) Interactive piano prototype with sound — custom Cursor Rule automates project setup (“copy this folder and add to homepage”), then a single prompt generates a fully functional digital piano with sound in Old Mac OS style, complete with HTML/CSS/JS and clickable keys that play notes; (3) Teaching AI “good taste” for UI refinement — take an ugly AI-generated finance dashboard and refine it using three-angle feedback: negative feedback (explicitly remove drop shadows), aesthetic direction (make modern), and positive examples (reference Robinhood, Cash App, Stripe); then apply Edward Tufte data visualization principles as a design shortcut; use psychological hack prompts like “make it look like something a top Apple designer would approve.” Also previewed a Notion-powered bookshelf app showing prototyping with real data.

Key Ideas Extracted

Cursor as creative partner for designers: Not just a code editor — use it for brainstorming visual aesthetics, building interactive prototypes with sound, and iteratively refining UI designs
Same prompt, different results: Run the exact same style prompt multiple times with checkpoint restores to get entirely unique creative variations — treat prompts as creative levers
Single-prompt interactive prototypes: A fully functional piano with sound generated from one prompt — capabilities that would take hours in Figma and are impossible without code
Cursor Rules for workflow automation: Define simple rules like “copy this folder and add to homepage” to eliminate repetitive setup tasks
Three-angle design feedback: Negative feedback (remove what you hate) + aesthetic direction (high-level descriptors) + positive examples (reference well-designed products) — much more effective than “make it better”
Design theory as prompting shortcut: Reference established design thinkers (Edward Tufte) and the AI already knows the principles — no need to spell out every detail
Psychological hack prompts: “Make it look like something Apple would approve” taps into the AI’s knowledge of Apple’s design philosophy for instant quality improvement
Prototyping with real data: Connecting to a Notion database for a bookshelf app demonstrates next-level prototyping that goes beyond static mockups

Notes

Published Jun 16, 2025 on How I AI (ChatPRD). ~8 min read. (Note: filename says 2025-06-30 but actual publication date is Jun 16, 2025)
Sponsors: Lovable, Retool
Elizabeth Lin background: Independent design educator, Design is a Party; built courses for Khan Academy and Lambda School
Tools: Cursor, Cursor Rules, Markdown, Notion (data source for prototypes)
Design references: Brutalism, Y2K aesthetic, Edward Tufte, Apple design philosophy, Neopets-era web
Product examples: Robinhood, Cash App, Stripe (as UI quality references)
Three companion workflow guides published Jan 8, 2026
Cross-references: Joel Unger designer/Cursor episode, vibe coding for non-engineers

Raw Content

Re-scraped from ChatPRD 2026-02-16. Full article content captured in Summary and Key Ideas above.