# Components

> UI component vocabulary for precise communication. Correct naming of navigation, inputs, feedback, layout patterns. Use to translate user descriptions into exact component names.

- Skill: `neuron-one/components` (Agent Skill)
- Install (CLI): `npx skillmds@latest add neuron-one/components`
- Raw SKILL.md: https://api.skillmd.com/api/skills/neuron-one/components/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: neuron-one (https://skillmd.com/u/neuron-one)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/neuron-one/components

---


# 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