Como usar

Como usar

Escolha o seu papel e siga três passos. Cada passo leva a uma página real. Leitura de dois minutos.

• Designer

  Entenda o cenário e escolha ferramentas sem programar.

  Três passos

  • 01Leia o primeiro artigo da série, com os dados da pesquisa.Artigos
  • 02Veja as ferramentas por etapa do trabalho, de desenhar a publicar.Workflow
  • 03Abra uma skill e leia o texto na tela: é uma instrução em linguagem clara para um agente.Skills & Agents

  Páginas deste caminhoArtigosWorkflowSkills & Agents

  Passos: 0%

  Abrir Artigos

• Design engineer

  Ligue o seu agente ao catálogo e peça a skill certa na hora.

  Três passos

  • 01Conecte o MCP no Claude Code ou em outro agente, com o comando abaixo.MCP
  • 02Peça ao agente uma skill pelo assunto: ele usa list_skills e get_skill sozinho.MCP
  • 03Confira a procedência e a licença no placar antes de adotar.Skills & Agents

  Páginas deste caminhoMCPSkills & Agents

  CopiedCopyCopied

  claude mcp add --transport http compound-design https://compounddesign.vercel.app/mcp
  

  bash·1 line

  Passos: 0%

  Abrir MCP

• Desenvolvedor front-end

  Use o catálogo pelo terminal, sem instalar nada.

  Três passos

  • 01Rode o CLI e comece pela skill de roteamento, com o comando abaixo.CLI
  • 02Leia uma skill completa com get e cole no seu agente.CLI
  • 03Filtre por tópico, como motion ou acessibilidade, quando precisar.Skills & Agents

  Páginas deste caminhoCLISkills & Agents

  CopiedCopyCopied

  npx @compound-design/skills start
  

  bash·1 line

  Passos: 0%

  Abrir CLI

• Líder de design ou de produto

  Apresente o cenário para o time com dados abertos.

  Três passos

  • 01Abra um artigo em modo apresentação: o mesmo texto vira slides.Artigos
  • 02Use a pesquisa com os números abertos e o CSV tratado.Pesquisa
  • 03Veja as licenças e o que pode ser reutilizado.FAQ

  Páginas deste caminhoArtigosPesquisaFAQ

  Passos: 0%

  Abrir Pesquisa

Não se encaixou em nenhum? A documentação explica tudo do zero.