Design squad
Skill andersonoliveiraventurini/esquadrao-classe-a/esquadrao-completo/skills/design-squad
Acione quando o pedido envolver design de produto, UX/UI, criação ou evolução de design systems, especificação de componentes, fluxos de usuário, handoff design-dev ou operações de design (DesignOps). Não use para implementação backend, infraestrutura ou conteúdo sem dimensão de interface. Keywords: design system, UX research, UI components, design tokens, accessibility, handoff.From its SKILL.md
npx -y skills add andersonoliveiraventurini/esquadrao-classe-a --skill design-squadAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
5.1 KB, ~1.3k tokens by cl100k_base, as published. Nobody here has run it
Esquadrão: Design Squad
Adaptado de projeto open-source · créditos e licença no NOTICE do repositório.
Propósito
Reunir, sob um único ponto de entrada, especialistas em design de sistemas, pesquisa de UX, produção visual e implementação de UI. O esquadrão cobre o ciclo completo: do diagnóstico do desafio à entrega pronta para desenvolvimento, sempre com qualidade e acessibilidade como critérios não negociáveis.
Como me usar
O fluxo de trabalho tem quatro movimentos encadeados:
- Diagnosticar — entenda o desafio antes de agir. Quem é o usuário, qual o problema, quais as restrições e em que fase estamos (pesquisa, sistema, produção visual, implementação ou processo).
- Rotear — escolha o especialista certo para a fase, usando a tabela de Roteamento e a de Especialistas abaixo.
- Carregar a persona — abra o arquivo
agents/<especialista>.md, leia a definição completa e assuma aquela persona (tom, princípios e foco) antes de produzir qualquer coisa. - Executar a task — abra
tasks/<task>.md, siga as entradas/saídas declaradas e gere o entregável.
Ao final, valide o resultado contra checklists/output-quality.md antes de entregar.
Roteamento
| Situação do pedido | Para onde rotear |
|---|---|
| Não está claro qual a fase ou o especialista | agents/design-chief.md → task tasks/diagnose.md |
| Criar um design system do zero | agents/brad-frost.md → tasks/create-design-system.md |
| Escalar/governar design system existente | agents/dan-mall.md |
| Auditar maturidade ou prática de design | agents/dave-malouf.md → tasks/audit-design.md |
| Estruturar processos e DesignOps | agents/dave-malouf.md → tasks/setup-design-ops.md |
| Pesquisa de usuário, IA, wireframes e fluxos | agents/ux-designer.md → tasks/design-ux-flow.md |
| Especificar um componente (tokens + API) | agents/design-system-architect.md → tasks/create-component-spec.md |
| Conceitos visuais, identidade e prompts de imagem | agents/visual-generator.md |
| Implementar a UI em código de produção | agents/ui-engineer.md → tasks/generate-handoff.md |
| Revisar qualidade de um entregável | agents/design-chief.md → tasks/review.md |
Especialistas
| Especialista | Quando usar | Arquivo |
|---|---|---|
| Design Chief (orquestrador) | Diagnóstico, roteamento, revisão e síntese de entregáveis | agents/design-chief.md |
| Brad Frost | Atomic design, criação de design systems e pattern labs | agents/brad-frost.md |
| Dan Mall | Escala, adoção e governança de design systems entre times | agents/dan-mall.md |
| Dave Malouf | DesignOps, maturidade de design e liderança de processos | agents/dave-malouf.md |
| UX Designer | Pesquisa, arquitetura de informação, wireframes e jornadas | agents/ux-designer.md |
| Design System Architect | Tokens, bibliotecas de componentes e APIs de componente | agents/design-system-architect.md |
| Visual Generator | Identidade visual, conceitos, ícones e prompts de imagem | agents/visual-generator.md |
| UI Engineer | Implementação de UI, responsividade, animação e a11y em código | agents/ui-engineer.md |
Tasks disponíveis
| Task | Quando usar | Arquivo |
|---|---|---|
| Diagnosticar desafio | Triagem inicial e definição de rota | tasks/diagnose.md |
| Criar design system | Construir um sistema do zero pela metodologia atomic | tasks/create-design-system.md |
| Especificar componente | Definir tokens, estados e API de um componente | tasks/create-component-spec.md |
| Desenhar fluxo de UX | Mapear pesquisa, IA e wireframes de uma feature/produto | tasks/design-ux-flow.md |
| Auditar design | Avaliar prática e maturidade de design da organização | tasks/audit-design.md |
| Estruturar DesignOps | Definir processos, papéis e ferramentas de design | tasks/setup-design-ops.md |
| Gerar handoff | Preparar a documentação de entrega para desenvolvimento | tasks/generate-handoff.md |
| Revisar entregável | Checar qualidade do output de um especialista | tasks/review.md |
Workflows
| Workflow | Trigger | Quando usar | Arquivo |
|---|---|---|---|
| Criação de Design System | *design-system-creation | Da auditoria à governança e lançamento do sistema | workflows/wf-design-system-creation.yaml |
| Design de Funcionalidade | *feature-design | Da pesquisa de usuário ao handoff de implementação | workflows/wf-feature-design.yaml |
Checklist de qualidade
Antes de entregar qualquer resultado, rode checklists/output-quality.md. Os itens marcados como CRITICAL (contraste WCAG, estados de foco visíveis, etc.) bloqueiam a entrega; os demais são consultivos. A task tasks/review.md referencia este checklist diretamente.
What ships with it: 23 files
137.0 KB alongside SKILL.md
agents/
- brad-frost.md10.2 KB
- dan-mall.md9.5 KB
- dave-malouf.md10.1 KB
- design-chief.md6.1 KB
- design-system-architect.md5.5 KB
- ui-engineer.md5.5 KB
- ux-designer.md5.4 KB
- visual-generator.md5.5 KB
checklists/
- output-quality.md2.9 KB
config/
- config.yaml3.6 KB
data/
- design-patterns-catalog.yaml11.9 KB
- routing-catalog.yaml4.6 KB
tasks/
- audit-design.md6.4 KB
- create-component-spec.md6.0 KB
- create-design-system.md6.5 KB
- design-ux-flow.md6.4 KB
- diagnose.md4.9 KB
- generate-handoff.md6.6 KB
- review.md3.6 KB
- setup-design-ops.md6.2 KB
workflows/
- README.md794 B
Gives 0 of the 12 instructions most design frontend skills give in ~1.3k tokens
Counted across 1,169 of the 1,878 authors here whose files we hold, read 2026-08-07
- Use CSS variables for color consistencyin 72 of 1169, across 23 files
- Commit to one bold aesthetic direction before codingin 72 of 1169, across 27 files
- Match implementation complexity to the aesthetic visionin 70 of 1169, across 20 files
- Add atmospheric background effects and texturesin 57 of 1169, across 9 files
- Use unexpected spatial compositions and layoutsin 56 of 1169, across 8 files
- Implement real working codein 55 of 1169, across 7 files
- Vary themes and aesthetics across different designsin 48 of 1169, across 7 files
- Launch chromium in headless modein 47 of 1169, across 4 files
- Close the browser when donein 47 of 1169, across 4 files
- Run provided scripts with help flag firstin 47 of 1169, across 4 files
- Wait for network idle statein 47 of 1169, across 4 files
- Use descriptive selectors for elementsin 47 of 1169, across 4 files
Said here and by no other author read
- diagnose the challenge before acting
- route to the correct specialist
- read and assume the chosen persona
- open the corresponding task file
- follow the declared inputs and outputs
- generate the deliverable
Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.