Cómo instalar un skill en Claude Code, Codex o Cursor

Un skill es una carpeta con un archivo SKILL.md (instrucciones para el agente) más plantillas y scripts. Instálalo una vez y tu agente lo usará cada vez que una petición encaje.

La forma más rápida: pídeselo a tu agente

Copia el prompt de instalación de cualquier página de skill y pégalo en tu agente:

Lee https://claude-motion.com/skills/<slug>/install.md, sigue sus pasos para instalar la skill "<slug>" y luego haz un primer video con ella.

El agente lee la guía, te pide que descargues el archivo en tu navegador, lo descomprime en la carpeta correcta y hace un primer renderizado.

Instalación manual

1. Descarga el ZIP desde la página del skill.
2. Descomprímelo de forma que la carpeta conserve su nombre (<slug>/SKILL.md):
   • Claude Code: ~/.claude/skills/<slug>/, o .claude/skills/<slug>/ dentro de un proyecto
   • Codex: ~/.agents/skills/<slug>/
   • Cursor: .cursor/skills/<slug>/ dentro del proyecto
   • Gemini CLI: ~/.gemini/skills/<slug>/
3. Inicia una nueva sesión del agente para que cargue el skill.

mkdir -p ~/.claude/skills
unzip -o ~/Downloads/kinetic-type-title.zip -d ~/.claude/skills/

Lo que necesitas en tu máquina

• Node.js 22 o posterior
• FFmpeg (brew install ffmpeg en macOS)
• Google Chrome (el renderizador lo usa sin interfaz)

La CLI de HyperFrames se instala sola con npx la primera vez que un skill renderiza.

Usar un skill

Solo pídelo: "Haz una tarjeta de título en 9:16 que diga Ship faster, sleep better." El agente copia la plantilla, escribe un brief.json, ejecuta hyperframes check, revisa fotogramas de muestra para detectar problemas de diseño y luego renderiza el MP4 y te dice dónde está.