Una skill para agentes que convierte recetas de estilos artísticos y gramáticas de videos explicativos en animaciones generadas con código, para dar movimiento a pinturas y diagramas.
4,5 mil492JavaScriptMITActualizado hace 4 días
showheyohtaki/motion-prompt
Una biblioteca consultable de 144 efectos con nombre para motion graphics, cámara, UI, web y fotografía, cada uno con una muestra en vivo y un prompt para usarlo con una IA.
- Estrellas
- 465
- Forks
- 53
- Issues abiertos
- 3
- Último commit
- ayer
¿Qué es?
Motion Prompt es una biblioteca de nombres para efectos visuales que podrías pedirle a una IA que cree. Cada entrada combina un nombre corto con una muestra animada, una explicación en una línea y un prompt de ejemplo. Actualmente, la biblioteca incluye seis paquetes de 24 entradas cada uno: movimientos de motion graphics, movimientos de cámara, nombres de componentes de UI, efectos para landing pages y sitios web, estilos fotográficos e iluminación, y un segundo paquete de motion graphics.
El proyecto está dirigido a quienes saben qué quieren ver, pero no cómo se llama. Puedes recorrer la galería, elegir muestras y enviárselas a un agente de programación como Claude Code o Codex, que reconstruirá el efecto en tu proyecto. También hay una herramienta de línea de comandos de Node.js para buscar elementos por número o palabra clave, y el repositorio incluye prompts para crear una biblioteca similar en otro campo o idioma.
Funciones clave
- 01Seis paquetes de 24 efectos con nombre cada uno y muestras animadas en vivo.
- 02Recorre una galería, elige muestras y envíalas a un agente de IA.
- 03Herramienta de línea de comandos para buscar, listar y obtener especificaciones y código de efectos por número.
- 04Prompts para traducir la biblioteca o crear una para tu propio campo.
- 05Cada efecto es una función que dibuja en un contexto Canvas 2D, sin bibliotecas externas.
Casos de uso
- Encontrar el término adecuado para un movimiento de cámara o de motion graphics antes de escribir un prompt para video.
- Pedirle a un agente de programación que añada un efecto específico de UI o de landing page a un sitio web.
- Crear una biblioteca de referencia con nombres para un equipo de diseño o producción de otro campo.
Inicio rápido
- 1
Comprueba que tengas instalado Node.js 18 o una versión posterior
node --version - 2
Instala la skill motion-prompt
npx skills add showheyohtaki/motion-prompt - 3
En Claude Code o Codex, pídele a la IA que abra la biblioteca y luego elige ejemplos de la galería
Antes de usarlo
- Para usar la skill, necesitas Node.js 18 o una versión posterior y un agente como Claude Code o Codex.
- Por ahora, las listas de nombres solo están disponibles en inglés y japonés, así que quienes usen chino tendrán que generar una traducción por su cuenta.
Temas
Preguntas frecuentes
- ¿Qué es motion-prompt?
- Una biblioteca consultable de 144 efectos con nombre para motion graphics, cámara, UI, web y fotografía, cada uno con una muestra en vivo y un prompt para usarlo con una IA. Motion Prompt es una biblioteca de nombres para efectos visuales que podrías pedirle a una IA que cree. Cada entrada combina un nombre corto con una muestra animada, una explicación en una línea y un prompt de ejemplo. Actualmente, la biblioteca incluye seis paquetes de 24 entradas cada uno: movimientos de motion graphics, movimientos de cámara, nombres de componentes de UI, efectos para landing pages y sitios web, estilos fotográficos e iluminación, y un segundo paquete de motion graphics.
- ¿motion-prompt es gratuito? ¿Qué licencia tiene?
- motion-prompt es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿motion-prompt sigue mantenido?
- Mantenimiento activo. El último commit de motion-prompt fue el 19 oct 2026.
- ¿Para qué puedo usar motion-prompt?
- Encontrar el término adecuado para un movimiento de cámara o de motion graphics antes de escribir un prompt para video. Pedirle a un agente de programación que añada un efecto específico de UI o de landing page a un sitio web. Crear una biblioteca de referencia con nombres para un equipo de diseño o producción de otro campo.
- ¿Cómo se instala motion-prompt?
- Comprueba que tengas instalado Node.js 18 o una versión posterior: node --version Instala la skill motion-prompt: npx skills add showheyohtaki/motion-prompt En Claude Code o Codex, pídele a la IA que abra la biblioteca y luego elige ejemplos de la galería
- ¿Dónde consigo motion-prompt?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/showheyohtaki/motion-prompt
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una skill de Claude Code que convierte un tema breve en un video de motion graphics sincronizado con el ritmo, renderizado en MP4 con HyperFrames.
14321MITActualizado hace 21 días
Una skill de Claude Code que convierte un prompt en una breve animación procedural en canvas y la renderiza en MP4 con un navegador headless y ffmpeg.
828120JavaScriptMITActualizado hace 15 días
Convierte un guion escrito en un video explicativo narrado o una demo de producto, con voz local, sincronización por palabra y renderizado en canvas, mediante un agente de programación.
61439JavaScriptMITActualizado hace 10 horas
Guía visual y basada en ejemplos de Claude Code, con plantillas listas para copiar y pegar para slash commands, memoria, skills, subagents, hooks y MCP.
42 mil5,2 milPythonMITActualizado ayer
Un skill de diseño para Claude Code, Cursor y Codex que guía a los agentes de programación con IA para crear interfaces que no parezcan generadas por IA.
30,4 mil1,6 milCSSMITActualizado hace 3 meses