Design-taste prompting for AI-generated UI
by @gregeisenberg
ABOUT THIS SKILL
Most AI-generated UIs look generic because prompts lack taste and context; by layering design vocabulary, references, and micro-details you can 10× the perceived quality and trustworthiness of vibe-coded products.
TECHNIQUES
KEY PRINCIPLES (15)
Good design markets itself.
High-quality screenshots shared organically outperform paid ads; 500 daily signups with zero ad spend.
Why: Visual virality compounds when each frame looks Apple-worthy.
"if you do good design, the product is going to market by itself"
Build a personal swipe file of references.
Save favorite sites, Dribbble shots, Twitter posts; organize fonts, animations, color palettes for rapid reuse.
Why: Taste compounds; a curated library accelerates every future prompt.
"collect your favorite design... follow these people, collect these resources"
Ship fast, learn, pivot within days not months.
Aura started as voice-to-chat Mac app, pivoted to web HTML generator after user feedback; entire web rebuild took one week.
Why: AI tooling enables iteration cycles measured in days; leverage that speed.
"you will fail at first, you will pivot within a week"
Use your own product daily to surface real problems.
Meng generated 400+ designs with Aura, dogfooding every feature; friction points become obvious.
Why: Founder empathy translates directly into features users actually want.
"I use it myself. In fact, I created like 400 designs from this"
AI defaults to generic output unless you inject human taste.
99 % of V0/Lovable results are generic; adding typography, color, layout, and animation vocabulary makes the design feel intentional and unique.
Why: AI models are trained on averages; specificity and curated references break the average.
"what you need to learn is how to do it with taste, because ultimately that's what makes us human and unique from AI"
Expand your design vocabulary to direct AI precisely.
Learn terms like bento layout, grid vs list, one-third/one-fourth splits, flat vs outline styling, Inter/Geist/Manrope fonts, sequence animation.
Why: Precise language reduces ambiguity and steers the model toward higher-quality patterns.
"the more vocabulary that you have, the better you can direct the AI to do the right things for you"
Feed AI abundant, curated context instead of one-line prompts.
Use prompt builders to set layout, styling, colors, typography, animation, and reference favorite sites; attach code snippets from 21st Dev, CodePen, React Bits.
Why: AI context windows are large but need hand-picked signals to escape mediocrity.
"you need to give a lot of context to AI and you need to give, to sort of train with taste"
Present designs in framed contexts to elevate perceived quality.
Show UI inside browser mockups, cards, or clay renders with generous whitespace; used heavily on Instagram/Twitter for marketing.
Why: Framing mimics high-end product shots and signals professionalism.
"that's why a lot of people on Instagram and Twitter, they will show not just the design in the full screen mode, but also the design in the frame"
WHAT'S INSIDE
This is a structured knowledge base — not a prompt file. Your AI retrieves principles semantically, understands the reasoning behind each technique, and connects to related skills via a knowledge graph.
Compatible with OpenClaw · Claude · ChatGPT
principles · semantic retrieval · knowledge graph
Free during beta · Sign in to save to dashboard