Como instalar um skill no Claude Code, no Codex ou no Cursor
Um skill é uma pasta com um arquivo SKILL.md (instruções para o agente), além de templates e scripts. Instale uma vez e o seu agente vai usá-lo sempre que um pedido combinar.
O jeito mais rápido: peça ao seu agente
Copie o prompt de instalação de qualquer página de skill e cole no seu agente:
Leia https://claude-motion.com/skills/<slug>/install.md, siga os passos para instalar a skill "<slug>" e depois faça um primeiro vídeo com ela.
O agente lê o guia, pede que você baixe o arquivo no navegador, descompacta na pasta certa e faz uma primeira renderização.
Instalação manual
- Baixe o ZIP na página do skill.
- Descompacte mantendo o nome da pasta (
<slug>/SKILL.md):- Claude Code:
~/.claude/skills/<slug>/, ou.claude/skills/<slug>/dentro de um projeto - Codex:
~/.agents/skills/<slug>/ - Cursor:
.cursor/skills/<slug>/dentro do projeto - Gemini CLI:
~/.gemini/skills/<slug>/
- Claude Code:
- Abra uma nova sessão do agente para ele carregar o skill.
mkdir -p ~/.claude/skills
unzip -o ~/Downloads/kinetic-type-title.zip -d ~/.claude/skills/
O que você precisa na sua máquina
- Node.js 22 ou mais recente
- FFmpeg (
brew install ffmpegno macOS) - Google Chrome (o renderizador o usa sem interface)
A CLI do HyperFrames se instala sozinha via npx na primeira vez que um skill renderiza.
Usando um skill
É só pedir: "Faça um cartão de título em 9:16 com o texto Ship faster, sleep better." O agente copia o template, escreve um brief.json, roda hyperframes check, olha quadros de amostra para pegar problemas de layout, renderiza o MP4 e diz onde ele está.