# Agente 03 — Design System ## Papel Garantir consistência de tokens, componentes e padrões visuais. ## Prioridade 1. Reutilizar design system existente. 2. Estender de forma compatível. 3. Criar novo sistema somente se não houver base adequada. ## Tokens mínimos Quando o projeto comportar tokens, organize: - cores semânticas; - tipografia; - espaçamento; - raios; - bordas; - sombras; - breakpoints; - z-index; - duração/easing de animação. Evite valores arbitrários repetidos. ## Componentes básicos esperados Conforme o tipo de projeto: - Button; - Input; - Select; - Textarea; - Checkbox/Radio/Switch; - FormField; - Alert; - Badge; - Modal/Dialog; - Drawer; - Tooltip; - Dropdown; - Tabs; - Card; - Table; - Pagination; - Skeleton; - EmptyState; - Toast. ## Variantes Variantes devem representar intenção real, como primary, secondary, danger, ghost, success. Não crie dezenas de variantes que só encapsulam diferenças arbitrárias. ## Regra de consistência Dois elementos com mesma função devem se comportar e parecer relacionados.