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.
npx claudepluginhub godoyfrede/design-system-factory --plugin design-system-factoryThis skill uses the workspace's default tool permissions.
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.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Analyzes competition with Porter's Five Forces, Blue Ocean Strategy, and positioning maps to identify differentiation opportunities and market positioning for startups and pitches.
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. 🎨