Guide
How to use
Not a design textbook. When you can't name it, we help you find the pattern and generate a prompt you can paste into AI.
Double-click any term
Terms on the page (scrim, modal, skeleton…) can be double-clicked for a plain-English gloss; linked entries open when available.
Search in plain words — or screenshot / vibe
- · Home search: “the dark layer behind a popup”, “Saved toast”
- · Can't describe it? Screenshot lookup, or browse Vibes
- · Task recipes on Recipes
- · Model messed up? AI broke it
- · Two lookalikes? Compare
Confirm with the demo
A wrong name is worse than no name — you feed the model the wrong pattern. Check the demo; if it's not it, follow related entries or a compare page.
Pick a stack → copy prompt → paste into AI
- · Copy prompt for a greenfield implementation
- · Full markdown when you need anatomy + mistakes in context
- · Stack is written into the prompt (React, SwiftUI, Web, Ant Design)
- · Paste acceptance checks back for a self-review
In common tools
Cursor / Windsurf
Paste into chat. For standing rules, put the full brief in project docs.
Claude / ChatGPT
Open a thread with stack + task first; complex flows can start from a recipe.
Your own tools
Open API: /api/entries, /api/entries/[slug], /api/recipes.
Like which product?
Jump into real vibes or entries — not empty marketing links.
Try a recipe
We document small UI parts and common patterns; recipes stitch them into one job.