Gerenciador de Tokens de Design

Quando Usar

Use esta habilidade quando precisar visualizar, adicionar ou modificar tokens de design no sistema de design StyleSeed.

Quando NÃO Usar

• Para aplicar tokens em componentes → use /ss-component ou /ss-pattern
• Para encontrar violações de tokens em código existente → use /ss-lint
• Para escolhas de cores/fontes para toda a marca que ainda não existem — defina um "skin" primeiro, depois adicione tokens
• Para sistemas de tokens não-CSS (Figma, nativo iOS/Android) — apenas Tailwind v4 / variáveis CSS

Ação: $0 | Tipo de Token: $1 Argumentos: $ARGUMENTS

Localizações dos Arquivos de Token

Instruções

list — Mostrar tokens atuais

Leia e exiba o arquivo de token solicitado em uma tabela formatada.

add — Adicionar novo token

1. Adicione o token ao arquivo fonte JSON (tokens/*.json)
2. Adicione a propriedade customizada CSS em css/theme.css sob :root
3. Se precisar de um utilitário Tailwind, adicione ao bloco @theme inline
4. Se tiver uma variante de modo escuro, adicione ao bloco .dark

update — Modificar token existente

1. Atualize o valor no arquivo fonte JSON
2. Atualize a propriedade customizada CSS em theme.css
3. Verifique todos os componentes com uso direto que possam precisar de atualização

Regras

• Mantenha sempre o JSON e o CSS sincronizados
• Use nomes semânticos, não nomes descritivos (--success não --green-500)
• Cores devem suportar modos claro e escuro
• Novos tokens devem ser adicionados TANTO à fonte JSON QUANTO à implementação CSS

Exemplo

Solicitação do usuário:

Revise esta interface com @ui-tokens, identifique os problemas de design de maior impacto e proponha uma melhoria pronta para implementação.

Limitações

• Use esta habilidade apenas quando a tarefa corresponder claramente à sua fonte upstream e ao contexto do projeto local.
• Verifique comandos, código gerado, dependências, credenciais e comportamento de serviços externos antes de aplicar alterações.
• Não trate exemplos como substitutos para testes específicos do ambiente, revisão de segurança ou aprovação do usuário para ações destrutivas ou custosas.