- A landing page, dashboard, or component looks templated or AI-sloppy
- You are polishing in Cursor, Claude Code, or Codex with repo context
- You want motion craft after the static UI is intentional
- You need DESIGN.md so the next agent session keeps the bar
- You need a full design system from tokens to rollout. Use the AI native design system pack
- You only need a stakeholder critique meeting. Use the design critique pack
- The problem is accessibility compliance first. Run an accessibility audit
- You are writing brand strategy with no UI in the repo yet. Start with Build a brand kit, then return
Steps
Each step hands the next one a concrete artifact: direction → clean static UI → motion → DESIGN.md.
Lock taste and decisions
Commit to one direction and resolve open decisions before rewriting pixels. Taste without decisions becomes moodboard churn.
- Visual design
Add taste to my design
Coding-agent prompt for Cursor, Claude Code, or Codex: infer the brief, set variance/motion/density dials, and lock one non-generic direction.
design-tastetaste-designaesthetic - UX design
Grill my design
Chat or agent grill-me prompt: relentless one-at-a-time design questions with a recommended answer until decisions are resolved.
grill-medesign-critiquedecision-tree
Unslop the primary viewport
Name and remove AI defaults with evidence. Kill Critical and High before you add craft.
Polish frontend UI
Execute hierarchy, type, color, and layout so the screen feels intentional for this product.
Polish motion
Motion after static craft. Kill decorative loops, then spec purposeful interaction and reduced-motion fallbacks.
- Visual design
Polish UI motion
Coding-agent prompt for Cursor, Claude Code, or Codex: purposeful enter/exit, springs, hover/focus craft, and an anti-slop motion audit.
motionanimationui-polish - Visual design
Design Apple-style UI
Coding-agent prompt for Cursor, Claude Code, or Codex: fluid gesture UI, springs, interruptible motion, materials, depth, and web implementation notes.
apple-designmotionsprings
Persist in DESIGN.md
Standing rules so the next agent session cannot reintroduce Inter, purple gradients, or bounce hovers.
Frequently asked questions
Do I run every prompt every time?
No. If taste is already locked, skip to Unslop. If motion is the only problem, jump to Polish motion. If the UI is clean but agents keep inventing purple gradients, go straight to DESIGN.md.
ChatGPT or Claude instead of a coding agent?
Fine for Add taste or Grill while you are still briefing. For Unslop, Polish frontend UI, and motion, use Cursor, Claude Code, or Codex with the real files.
How is this different from the design system pack?
This pack fixes one screen’s craft and writes standing taste rules. The design system pack inventories tokens, components, docs, and rollout across the product.
Apple-style vs Polish UI motion?
Polish UI motion is the default craft pass (enter/exit, hover, restraint). Design Apple-style UI is for gesture physics: sheets, drag, rubber-banding, interruptible springs.