Speak to AI like a pro
Learn the technical vocabulary that unlocks precision in AI prompting. Master 302+ terms for apps, websites, and UI design.
The vocabulary gap is holding you back
You can't describe what you don't have words for. When prompting AI, knowing precise technical terms is the difference between "make it look nice" and getting exactly what you want.
Without vocabulary:
"Make the lighting dramatic"
With vocabulary:
"Use Rembrandt lighting with soft shadows"
Without vocabulary:
"Make it look modern"
With vocabulary:
"Use glassmorphism with rounded corners"
Browse by Category
12 categories covering 302 terms for apps, websites, and UI design. Click a category to start learning.
Structure
Page-level building blocks that form the skeleton of any app or website — headers, footers, sidebars, and content areas.
Layout Systems
Grid systems, spacing, alignment, and distribution patterns that organize content on the page.
Visual Language
Typography, color, elevation, and shapes that define the visual identity of your interface.
UI Components
The building blocks of user interfaces — buttons, inputs, cards, modals, navigation elements, and more.
Interactions & Gestures
Mouse, touch, and gesture interactions plus feedback and microinteractions that make interfaces feel alive.
Navigation Patterns
Patterns for moving users through your app — tabs, drawers, breadcrumbs, infinite scroll, and more.
Page Types
Common page templates you'll encounter and need to build — landing pages, dashboards, forms, and error pages.
Microcopy & UX Writing
The small bits of text that guide users — labels, placeholders, error messages, and calls-to-action.
States & Variants
The different states a component can be in — hover, active, disabled, loading, error, and more.
Responsive Behavior
How interfaces adapt across screen sizes — breakpoints, fluid layouts, and responsive patterns.
Accessibility
Making interfaces usable for everyone — contrast, ARIA labels, keyboard navigation, and screen readers.
Design Systems Vocabulary
The language of design systems — tokens, atomic design, themes, and component libraries.
More than just definitions
Each term page teaches you not just what it means, but how AI interprets it.
Visual Examples
Every term includes visual examples so you can see exactly what it looks like in real interfaces.
AI Interpretation
Understand how AI tools interpret each term so you know exactly what to expect in your outputs.
Copy-Paste Prompts
Ready-to-use prompt examples at three levels: basic, detailed, and comparative.
Ready to level up your prompts?
Start with UI Components — the most commonly needed vocabulary for building apps and websites with AI.
Explore UI Components