Um botão vira player, uma busca se enche de resultados: um objeto mudando de forma.
Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.
Requer: Node.js 22+, FFmpeg, Chrome. Sem chaves de API.
Outros temas e formatos
Tema: Papel · 9:16Tema: Elétrico · 1:1
Quadros finais do mesmo template, renderizados com outro tema e formato.
5 temas
Aa
Tinta · padrão
ink
Aa
Papel
paper
Aa
Elétrico
electric
Aa
Noir
Aa
Areia
sand
Cite um tema no seu prompt ou defina suas próprias cores de destaque, fundo e texto.
Prompt de instalação
Leia https://claude-motion.com/skills/ui-morph-effects/install.md, siga os passos para instalar a skill "ui-morph-effects" e depois faça um primeiro vídeo com ela.
Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.
Prompt de exemplo
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 ou 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")
Nada para instalar: cole no Claude Motion (Team ou Enterprise) ou dê ao Opus 5.5 para um visual parecido. O resultado muda a cada execução; a skill dá sempre o mesmo.
