Motion Skills
← Skills
PremiumExplicativo

Scroll de navegador

Un navegador inclinado recorre suavemente una página completa.

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

Scroll de navegador · Eléctrico · 9:16
Tema: Eléctrico · 9:16
Scroll de navegador · Tinta · 1:1
Tema: Tinta · 1:1

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

5 temas

  • Tinta
    ink
  • Papel
    paper
  • Eléctrico
    electric
  • Noir
  • Arena · predeterminado
    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/browser-scroll/install.md, sigue sus pasos para instalar la skill "browser-scroll" 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 browser-scroll skill with our full-page screenshot assets/home-full.png, url "fable.dev", caption "Redesigned from the ground up". Flat, ink theme, 9:16.
Prompt de estilo (Claude Motion u Opus 5.5)
Make an 8-second 16:9 website showcase for [who will watch, e.g. customers and the press], playing [where, e.g. the launch post]. Use only the headline and the full-page screenshot I give. Sand background.

Bold text with the headline sits on the left. On the right, a browser window with the page settles in, tilted slightly in 3D. The page scrolls smoothly from the hero down to the footer while a small cursor drifts over it. End frame: the tilt relaxes on the footer.

Headline: [e.g. "The new homepage, live today"]
Attach: [a full-page screenshot of your site]

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.

Más de esta serie

Dispositivos →