work-with-design-systems

O repositório work-with-design-systems contém uma skill Claude que funciona com Claude Code, Cursor e Codex para gerenciar sistemas de design do Figma. Ela oferece dois modos: o modo inspect (somente leitura) executa seis módulos de auditoria — conformidade de tokens, estados interativos, acessibilidade WCAG, instâncias desanexadas, qualidade de nomenclatura e descrições de componentes — produzindo uma pontuação ponderada de prontidão e sempre pausando para decisão do usuário. O modo build segue um fluxo de trabalho de seis fases (descoberta, fundações, estrutura de arquivos, componentes, QA, sincronização opcional da Fase 6 com o código) para criar ou expandir sistemas de design, adicionar slots a componentes compostos, escrever descrições estruturadas e opcionalmente gerar tokens.css com indireção de três camadas, arquivos de regras de IA para o IDE e script de auditoria pronto para CI. A skill suporta entradas como diretrizes de marca, token JSON, capturas de tela, bases de código e Storybook, e pode exportar para múltiplos frameworks por meio de framework-mappings. A Fase 6 está desativada por padrão e só é executada mediante solicitação explícita, garantindo retrofit seguro. Todos os arquivos de referência e scripts são carregados sob demanda, mantendo a skill leve.