components

name	components
description	UI component vocabulary for precise communication. Correct naming of navigation, inputs, feedback, layout patterns. Use to translate user descriptions into exact component names.
user-invocable	false
model	sonnet
effort	low

Component Vocabulary

Navigation

• Navbar, Sidebar, Breadcrumbs, Tabs, Pagination
• Drawer, Bottom Sheet, Command Palette
• Stepper, Wizard, Accordion Menu

Input

• Text Field, Textarea, Select/Dropdown
• Checkbox, Radio, Toggle/Switch
• Slider, Range, Date Picker, Color Picker
• File Upload, Drag & Drop Zone
• Search Bar, Autocomplete, Tag Input

Feedback

• Toast/Snackbar, Alert Banner, Notification Badge
• Progress Bar, Spinner, Skeleton Screen
• Empty State, Error State, Loading State
• Tooltip, Popover, Modal/Dialog

Data Display

• Table, Data Grid, Card Grid
• List, Timeline, Tree View
• Chart, Metric Card, Stat Widget
• Avatar, Badge, Tag/Chip

Layout

• Container, Grid, Flex, Stack
• Divider, Spacer, Aspect Ratio
• Sticky Header, Fixed Footer
• Split Pane, Resizable Panel