8 guides · by scenario
Guides
Each guide covers the words you need for one kind of page and when to use each, with example prompts you can copy straight into your AI.
From sidebar navigation and data tables to filter bars and drawers, learn the most common layouts and components on admin pages, and how to describe them to AI section by section.
20 terms
Name the layout, then add the section order, sizes, and what changes on phones. The pages the AI builds will be much more consistent.
19 terms
From choosing a layout and input controls to validation and submit feedback, this ties together the terms a form page needs, with prompts you can copy as is.
20 terms
Pick the right list layout based on how many fields there are, whether items need comparing, and whether people choose by text or images. Then pick the right way to view the details.
16 terms
A landing page has just one goal: get first-time visitors to understand the product and click the main button. Meet the common components, like the hero section, card grid, and footer.
16 terms
Loading, no data, errors, and action results. When to use a skeleton, an empty state, or a toast, all in one place.
15 terms
Components, state, APIs, builds, deployment... Understand the AI's report after it changes code, and know what info to give it when something breaks.
20 terms
Write clear prompts, lock in conventions with a rules file, watch out for lost context and hallucinations, and use diffs, checkpoints, and Git to leave a way back at every step.
18 terms