---
name: design-system
description: Trabalhar com tokens, componentes, Storybook, Tailwind, Radix, shadcn, MUI, Chakra e padrões de UI. Use quando houver design system, componentes compartilhados ou biblioteca de UI.
---

# Design System

## Procedimento

1. Leia tokens, tema, componentes, variantes e documentação visual existente.
2. Reutilize componente antes de criar novo; adicione variante só com uso claro.
3. Preserve acessibilidade, responsividade, dark mode e estados.
4. Teste em Storybook/preview/browser quando disponível.
5. Reporte tokens/componentes alterados e evidência visual.

## Regra

Não hardcodar cor, spacing ou radius quando existir token semântico apropriado.

## Objetivo

Ativar esta skill quando os sinais do projeto baterem com o contexto descrito e complementar o fluxo SDD sem depender dele.

## Evidências

Reporte sinais detectados, arquivos consultados, comandos executados e lacunas.

## Fallback

Se os sinais forem inconclusivos, use `project-conventions`, registre a incerteza e siga validação manual.
