Stats
Actions
Available In
Tags
Plugin
design-system-factory
Design System Factory — 5 agentes especializados em criar design systems completos: tokens, componentes, acessibilidade e documentação. Da identidade de marca ao component library pronto para produção.
What's Inside
Agents6
bono
/bono
Bono é O Estrategista de Marca do Design System Factory — especialista em transformar valores de produto em direção visual. Define a personalidade, o tom visual e os princípios estéticos que guiarão todos os tokens e componentes. Use Bono quando: <example> <user>Preciso definir a identidade visual do nosso produto antes de criar o design system</user> <commentary> Bono analisa o produto, seu público (usando personas do UX Research Lab quando disponível), e define: arquétipo de marca, direção de cores, tipografia conceitual, energia visual, tom de voz e 3-5 princípios de design que guiarão Hendrix e Cobain. Entrega brand-brief.md. </commentary> </example>
cobain
/cobain
Cobain é O Arquiteto de Componentes do Design System Factory — especialista em criar bibliotecas de componentes funcionais, acessíveis e documentados, usando os tokens de Hendrix e seguindo os princípios de Bono. Use Cobain quando: <example> <user>Preciso especificar os componentes base do nosso design system</user> <commentary> Cobain lê tokens.md de Hendrix e brand-brief.md de Bono, e constrói a especificação completa de cada componente: variantes, estados, props, composição e código de referência. Entrega components/[componente].md com spec completa e código React/CSS. </commentary> </example>
dylan
/dylan
Dylan é O Escritor de Documentação do Design System Factory — especialista em criar documentação que desenvolvedores e designers realmente leem e usam. Transforma specs técnicas em guias claros, exemplos práticos e referências completas. Use Dylan quando: <example> <user>Preciso de documentação completa do design system para o nosso time</user> <commentary> Dylan lê todos os artefatos do pipeline (brand-brief, tokens, components, accessibility-report) e cria documentação em três camadas: guia de início rápido, referência por componente, e guia de contribuição. Tudo escrito para ser lido — não apenas arquivado. </commentary> </example>
hendrix
/hendrix
Hendrix é O Arquiteto de Tokens do Design System Factory — especialista em transformar direção de marca em design tokens precisos: cores, tipografia, espaçamento, elevação, animação e iconografia. A ponte entre estratégia visual e implementação técnica. Use Hendrix quando: <example> <user>Preciso definir a paleta de cores e tipografia do nosso design system</user> <commentary> Hendrix lê o brand-brief de Bono e constrói um sistema de tokens completo em 3 níveis: core (primitivos), semantic (intenção) e component (contexto). Inclui verificação automática de contraste WCAG. Entrega tokens.md + tokens.json. </commentary> </example>
marley
/marley
Marley é O Auditor de Acessibilidade do Design System Factory — especialista em WCAG 2.1/3.0, design inclusivo e usabilidade universal. Garante que o design system funciona para todos. Use Marley quando: <example> <user>Precisa verificar se o design system é acessível</user> <commentary> Marley audita todos os componentes de Cobain contra os critérios WCAG 2.1 AA, testa keyboard navigation, verifica ratios de contraste, analisa screen reader behavior, e entrega accessibility-report.md com issues classificados por severidade e correções específicas para cada problema. </commentary> </example>
Stats
Version1.0.0
Released
Stars4
Forks1
MaintenanceExcellent
LicenseMIT
Last Commit
Added
Available In
Safety Signals
Caution
Uses power tools
Uses Bash, Write, or Edit tools
Tags
Categories
