Biblioteca de SkillsANI
Squad

design-squad

/design-squad

Um clique = tudo: SKILL.md + squad + comandos

O que esta skill faz

Squad de design e UX com 9 comandos (design system, UX flow, carousel Instagram, component spec, handoff dev). Consome produto, oferta e criativos pra montar páginas e interfaces profissionais. Fase 6 do fluxo Código ZERO.

Instala em
.claude/skills/design-squad/
Hierarquia
Squad com 9 comandos
Arquivos
10

Como instalar na sua máquina

  1. Clique em Copiar skill completa — um pacote único com todos os 34 arquivos (SKILL.md, agentes, tarefas, checklists…), cada um marcado com o caminho de destino.
  2. Abra o Claude Code, cole o pacote e peça: "crie esta skill na minha máquina". Ele cria todas as pastas e arquivos nos lugares certos, sozinho.
  3. Reinicie o Claude Code e chame /design-squad

Prefere manual? Os arquivos individuais estão listados abaixo, cada um com botão de copiar. O destino base é C:\Users\SEU_USUARIO\.claude\skills\design-squad\ (Mac/Linux: ~/.claude/skills/design-squad/).

Squad completo incluído

Esta skill usa uma pasta de squad externa (agentes, tarefas, checklists e configs). Tudo já vem no botão Copiar skill completa — a lista abaixo é só para consultar ou copiar arquivos individualmente.

Comandos do squad (9)

Arquivos do squad completo (24)

SKILL.md completo

name: design-squad description: Squad de design e UX com 9 comandos (design system, UX flow, carousel Instagram, component spec, handoff dev). Consome produto, oferta e criativos pra montar páginas e interfaces profissionais. Fase 6 do fluxo Código ZERO.

Design Squad

Squad de design profissional que transforma produto + oferta em experiência visual completa.

Quando Usar

  • "Cria design system do zero"
  • "Monta UX flow do meu funil"
  • "Gera carrossel pro Instagram"
  • "Especifica componente X"
  • "Auditoria de design"
  • "Gera handoff pra desenvolvedor"

Comandos

  • /design-squad:create-design-system - design system completo (cores, typography, components)
  • /design-squad:design-ux-flow - UX research + fluxo de telas
  • /design-squad:create-carousel - carrossel Instagram com design system
  • /design-squad:create-component-spec - especificação de componente
  • /design-squad:generate-handoff - documentação pra dev
  • /design-squad:audit-design - auditoria visual + maturidade
  • /design-squad:setup-design-ops - setup de DesignOps
  • /design-squad:diagnose - diagnóstico do problema de design
  • /design-squad:review - review final

Cadeia Alimentar

Consome: PRODUTO-SPEC.md, OFERTA-COMPLETA.md, criativos Produz: Design system, layouts, handoff Alimenta: Fase 6 (LP publicada)