Motion Skills
← Skills
PremiumLaunch

UI-Morph-Effekte

Ein Button wird zum Player, ein Suchfeld füllt sich mit Ergebnissen: ein Objekt, das seine Form ändert.

Füge ihn in Claude Code, Codex, Cursor oder einen anderen Agenten ein, der Skills unterstützt.

Benötigt: Node.js 22+, FFmpeg, Chrome. Keine API-Schlüssel.

Andere Themes und Formate

UI-Morph-Effekte · Papier · 9:16
Theme: Papier · 9:16
UI-Morph-Effekte · Elektrisch · 1:1
Theme: Elektrisch · 1:1

Schlussbilder desselben Templates, gerendert mit anderem Theme und Format.

5 Themes

  • Tinte · Standard
    ink
  • Papier
    paper
  • Elektrisch
    electric
  • Noir
  • Sand

Nenne ein Theme im Prompt oder lege eigene Akzent-, Hintergrund- und Textfarben fest.

Installations-Prompt
Lies https://claude-motion.com/skills/ui-morph-effects/install.md, installiere damit den Skill „ui-morph-effects“ und mach anschließend ein erstes Video damit.

Füge ihn in Claude Code, Codex, Cursor oder einen anderen Agenten ein, der Skills unterstützt.

Beispiel-Prompt
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.
Stil-Prompt (Claude Motion oder 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")

Nichts zu installieren: in Claude Motion (Team oder Enterprise) einfügen oder Opus 5.5 geben, für einen ähnlichen Look. Das Ergebnis ändert sich mit jedem Lauf; der Skill liefert jedes Mal dasselbe.