Un botón se vuelve reproductor, un buscador se llena de resultados: un objeto que cambia de forma.
Pégalo en Claude Code, Codex, Cursor o cualquier agente compatible con skills.
Necesita: Node.js 22+, FFmpeg, Chrome. Sin claves de API.
Otros temas y formatos
Tema: Papel · 9:16Tema: Eléctrico · 1:1
Fotogramas finales de la misma plantilla, renderizados con otro tema y formato.
5 temas
Aa
Tinta · predeterminado
ink
Aa
Papel
paper
Aa
Eléctrico
electric
Aa
Noir
Aa
Arena
sand
Indica un tema en tu prompt o define tus propios colores de acento, fondo y texto.
Prompt de instalación
Lee https://claude-motion.com/skills/ui-morph-effects/install.md, sigue sus pasos para instalar la skill "ui-morph-effects" y luego haz un primer video con ella.
Pégalo en Claude Code, Codex, Cursor o cualquier agente compatible con skills.
Prompt de ejemplo
Use the ui-morph-effects skill with the tabs effect for Ledger: tabs "Monthly | Yearly | Lifetime", second tab title "Yearly plan", rows "Every template: included | Commercial use: included | Updates: 12 months", 1:1, my accent #2563eb, no Example tag.
Prompt de estilo (Claude Motion u Opus 5.5)
Make an 8-second 16:9 seamless loop for [who will watch, e.g. designers], playing [where, e.g. the hero of our product page]. Use only the query and three results below. Near-black background.
A small search pill with a magnifier and the gray word "Search" widens to full width, a caret appears and the query types itself. Three result cards rise into place one after another, each with a colored tile, a bold title and one metric. An orange hover outline moves from the first result to the second. End frame: at 6.6 seconds everything reverses, so the last frame matches the first.
Query: [e.g. "spring campaign"]
Three results: [title · metric] (e.g. "Spring launch email · 48% opens")
Sin instalar nada: pégalo en Claude Motion (Team o Enterprise) o dáselo a Opus 5.5 para un estilo parecido. El resultado cambia en cada ejecución; la skill da siempre el mismo.
