Motion Skills
← Skills
PremiumLanzamiento

Lanzamiento con un cuadrado

Un cuadrado de acento se transforma en cada momento: punto, tarjeta, teléfono, logo.

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

Lanzamiento con un cuadrado · Eléctrico · 9:16
Tema: Eléctrico · 9:16
Lanzamiento con un cuadrado · Tinta · 1:1
Tema: Tinta · 1:1

Fotogramas finales de la misma plantilla, renderizados con otro tema y formato.

5 temas

  • Tinta
    ink
  • Papel · predeterminado
    paper
  • Eléctrico
    electric
  • Noir
  • 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/square-morph-launch/install.md, sigue sus pasos para instalar la skill "square-morph-launch" 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 square-morph-launch skill for Grid, a layout tool: hook "Layouts that fix themselves.", three features, CTA "Try Grid". Electric theme, 1:1.
Prompt de estilo (Claude Motion u Opus 5.5)
Make an 18-second 16:9 minimal launch for [who will watch, e.g. design system teams], playing [where, e.g. the homepage hero]. Use only the name, lines and features below; don't change a word. Off-white background, one orange shape.

Scene 1: a small orange square pops in at the center, rotates as it grows, then stretches into a thin underline as the headline rises above it. Scene 2: the shape morphs into a large orange circle with "1" beside the first feature, then into a wide card with "2", then into a tall phone shape with "3". End frame: it shrinks into a small rotated square logo mark beside the name, with a black call-to-action button and the URL below.

Headline: [e.g. "Design systems, without the meetings."]
Three features: [e.g. "Tokens — One source for every color", "Components", "Handoff"]
Product, call to action and URL: [e.g. Shape, "Start shaping", shape.design]

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.

Hecho con este skill