Motion Skills
← Skills
PremiumErklärvideo

Browser-Scroll

Ein geneigter Browser scrollt sanft durch eine ganze Seite.

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

Browser-Scroll · Elektrisch · 9:16
Theme: Elektrisch · 9:16
Browser-Scroll · Tinte · 1:1
Theme: Tinte · 1:1

Schlussbilder desselben Templates, gerendert mit anderem Theme und Format.

5 Themes

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

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

Installations-Prompt
Lies https://claude-motion.com/skills/browser-scroll/install.md, installiere damit den Skill „browser-scroll“ 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 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.
Stil-Prompt (Claude Motion oder 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]

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.

Mehr aus dieser Serie

Geräte →

Smartphone-Hinweise

Ein Smartphone steigt auf, und Labels zeigen mit Linien auf seinen Bildschirm.

Kostenlos
Erklärvideo16:9 / 9:16 / 1:1

Benachrichtigungsstapel

Benachrichtigungen landen nacheinander auf einem Sperrbildschirm.

Premium
Erklärvideo16:9 / 9:16 / 1:1

Text + Screen

Überschrift und Punkte auf der einen Seite, dein Screenshot gleitet auf der anderen herein.

Premium
Erklärvideo16:9 / 9:16 / 1:1

Termin verschieben

Eine Wochenansicht füllt sich, dann zieht ein Cursor einen Termin auf einen besseren Platz.

Premium
Erklärvideo16:9 / 9:16 / 1:1