Cada skill é uma pasta de instruções que ensina o Claude Code a fazer um trabalho específico do jeito certo. Você baixa, joga numa pasta e ele passa a usar sozinho quando o assunto aparece.
A biblioteca grande: 268 skills de design de sete autores com um roteador que escolhe as certas pra cada tarefa.
As outras 17 skills numa pasta só: Impeccable, vídeo, motion, slides e imagem.
Pra quando você pede uma página, um painel ou um app e não quer que saia com cara de template.
Uma biblioteca com 268 mini-skills de design (animação, tipografia, cor, 3D, slides, acessibilidade) de gente como Emil Kowalski, Meng To e Jakub Krehel. Um roteador lê o seu pedido e puxa de 1 a 3 delas pra trabalhar junto.
Use quando: falar "melhora esse site", "deixa mais bonito", "mais dinâmico" ou pedir crítica de uma tela.
Um diretor de arte exigente. Revisa hierarquia, espaçamento, cor, fonte, estados de erro, versão no celular e acessibilidade, e depois corrige. Tem comandos pra deixar mais ousado, mais calmo, mais polido.
Use quando: a tela já existe e está "ok mas sem graça", ou antes de entregar pra alguém.
A skill oficial da Anthropic pra criar interface do zero com personalidade: escolhe uma direção visual antes de codar e foge do visual genérico de IA.
Use quando: for começar uma landing page, componente ou site novo.
Regras duras de designer sênior: medidas, grid, peso de fonte, animação leve pro navegador. Serve de freio pro Claude não cair nos vícios de sempre.
Use quando: quiser um acabamento mais técnico e consistente em qualquer tela.
Páginas que contam história enquanto você rola: parallax, animação presa no scroll, estilo página de produto da Apple.
Use quando: o site for um lançamento ou portfólio que precisa impressionar.
Testa o app como um usuário de verdade: clica em tudo, tenta só com teclado, enche de dados, erra de propósito. Devolve uma lista de problemas por ordem de gravidade, com print.
Use quando: o app estiver pronto e você quiser achar o que quebra antes do cliente.
Uma revisão rápida de experiência de uso, pra site, app ou terminal. É a versão curta do ux-audit.
Use quando: quiser uma segunda opinião rápida sobre uma tela.
Slides, temas prontos e criação de identidade visual.
Monta apresentações em HTML cheias de animação, ou converte um PowerPoint. Antes de começar mostra estilos pra você escolher pelo olho, não pela descrição.
Use quando: precisar de uma apresentação que não pareça PowerPoint.
10 temas prontos (cor e fonte combinando) que se aplicam em slide, documento, relatório ou página. Também cria um tema novo na hora.
Use quando: quiser vestir rápido um material sem pensar em paleta.
Cria marca do zero (nome visual, símbolo, cor, sistema) e monta a apresentação completa de 60 a 110 slides, com a jornada de criação e as aplicações em mockup. É o meu método.
Use quando: for fazer logo, rebrand ou apresentar uma identidade pro cliente.
Editar vídeo gravado e criar vídeo animado a partir de código.
Edita vídeo conversando: transcreve, corta os silêncios, ajusta cor, coloca legenda e animação por cima. Funciona pra vídeo de falar pra câmera, tutorial, viagem e entrevista.
Use quando: tiver um vídeo bruto e quiser ele cortado e legendado sem abrir editor.
As boas práticas do Remotion, a ferramenta que faz vídeo com código React. É a base técnica das skills de motion abaixo.
Use quando: for gerar vídeo animado, vinheta ou vídeo de dados.
Ensina tempo, curva de aceleração, entrada escalonada e composição. É a diferença entre animação que parece barata e animação que parece de estúdio.
Use quando: qualquer coisa for se mexer, no vídeo ou no site.
O médico da animação: quando algo parece estranho, trava ou renderiza errado, ela descobre o porquê e conserta.
Use quando: "tem alguma coisa errada nesse vídeo e eu não sei o quê".
Cuida do texto dentro do vídeo, principalmente português: acento cortado, título que estoura a tela, quebra de linha feia.
Use quando: o vídeo tiver texto animado. Sempre antes de renderizar.
Tratamento de foto. Essas três usam o serviço inference.sh, que pede uma conta própria lá.
Tira o fundo de foto e devolve PNG transparente. Bom pra produto, retrato e e-commerce.
Use quando: precisar recortar alguém ou algo da foto.
Aumenta a resolução de imagem pequena ou borrada, até 4K, sem ficar pixelado.
Use quando: a foto do cliente chegar em baixa qualidade.
Estica a imagem pra além da borda inventando o que falta. Transforma foto quadrada em vertical de story, por exemplo.
Use quando: a imagem não couber no formato que você precisa.
Leva dois minutos. Precisa ter o Claude Code instalado.
SKILL.md dentro.mkdir -p ~/.claude/skills mv ~/Downloads/sinapse-design ~/.claude/skills/