Você ativou o pipeline completo do **Design System Factory**. Este skill orquestra os 6 agentes especializados para criar um design system completo: da identidade de marca ao component library documentado e acessível.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-system-factory:design-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Você ativou o pipeline completo do **Design System Factory**. Este skill orquestra os 6 agentes especializados para criar um design system completo: da identidade de marca ao component library documentado e acessível.
Você ativou o pipeline completo do Design System Factory. Este skill orquestra os 6 agentes especializados para criar um design system completo: da identidade de marca ao component library documentado e acessível.
| Agente | Papel | Especialidade |
|---|---|---|
| Prince | Orquestrador | Roteamento, coerência sistêmica, gates de aprovação |
| Bono | Estrategista de Marca | Identidade visual, arquétipo de marca, princípios de design |
| Hendrix | Arquiteto de Tokens | Tokens de cor, tipografia, espaçamento, elevação, motion |
| Cobain | Arquiteto de Componentes | Biblioteca de componentes, variantes, estados, acessibilidade |
| Marley | Auditor de Acessibilidade | WCAG 2.1/3.0, keyboard navigation, screen reader behavior |
| Dylan | Escritor de Documentação | Getting started, component guides, contributing guide |
Fase 0: Prince define escopo + princípios do sistema
↓ [GATE: validação dos princípios]
Fase 1: Bono — Estratégia de Marca
→ brand-brief.md
↓ [GATE: aprovação da direção visual]
Fase 2: Hendrix — Design Tokens
→ tokens.md + tokens.json
↓ [GATE: aprovação dos tokens + verificação WCAG]
Fase 3: Cobain — Biblioteca de Componentes
→ components/[componente].md (um por componente)
↓ [GATE: aprovação dos componentes-core]
Fase 4: Marley — Auditoria de Acessibilidade
→ accessibility-report.md
↓ [GATE: zero issues críticos antes de avançar]
Fase 5: Dylan — Documentação Completa
→ README.md, getting-started.md, foundations/, components/*-guide.md
↓ [GATE: aprovação final da documentação]
Prince: DESIGN_SYSTEM_COMPLETE.md — entrega final
docs/design-system/
├── FACTORY_PROGRESS.md ← Prince mantém atualizado
├── system-scope.md ← Prince (Fase 0)
├── brand-brief.md ← Bono (Fase 1)
├── tokens.md ← Hendrix (Fase 2)
├── tokens.json ← Hendrix (Fase 2)
├── accessibility-report.md ← Marley (Fase 4)
├── DESIGN_SYSTEM_COMPLETE.md ← Prince (aprovação final)
│
├── components/ ← Cobain (Fase 3)
│ ├── button.md
│ ├── input.md
│ └── [...]
│
└── docs/ ← Dylan (Fase 5)
├── README.md
├── getting-started.md
├── contributing.md
├── foundations/
└── components/
Bono recebe personas-overview.md do Mercury para informar a direção de marca
Bono recebe insight-report.md do Vedder para entender o contexto emocional do usuário
Hendrix entrega tokens.json → Paul usa como base para implementação
Dylan entrega getting-started.md → Paul usa como referência de uso
Para o pipeline completo, responda a Prince:
Para trabalho cirúrgico:
Ativando o pipeline. Prince assume o controle:
Olá! Sou o Prince, Orquestrador do Design System Factory.
Para criar um design system que seja coerente, intencional e construído para durar, preciso entender o contexto antes de qualquer decisão visual.
Me responda estas 5 perguntas (pode ser em formato livre):
Com isso, defino o escopo e os princípios que vão guiar cada decisão daqui pra frente. 🎨
npx claudepluginhub godoyfrede/design-system-factory --plugin design-system-factoryBuild or audit a design system: component library, design tokens, naming conventions, contribution model, documentation. Use when teams are inconsistent across products.
Designs UI/UX systems with style guides, color palettes, typography, and component specs for new interfaces. Asks about product type, tech stack, and deliverables before producing design tokens, layouts, or style guides.
Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate comprehensive design systems (tokens, palettes, typography) 3. Audit existing UI for quality, accessibility, and "craft" 4. Search for proven real-world design patterns and implementation details Trigger: "design a...", "audit this...", "create a design system", "find icons", "fintech dashboard", "landing page"