Motion Skills
← Skills
PremiumExplication

Défilement de navigateur

Un navigateur incliné fait défiler une page entière en douceur.

Collez-le dans Claude Code, Codex, Cursor ou tout agent compatible avec les skills.

Nécessite: Node.js 22+, FFmpeg, Chrome. Aucune clé d’API.

Autres thèmes et formats

Défilement de navigateur · Électrique · 9:16
Thème: Électrique · 9:16
Défilement de navigateur · Encre · 1:1
Thème: Encre · 1:1

Images finales du même modèle, rendues avec un autre thème et un autre format.

5 thèmes

  • Encre
    ink
  • Papier
    paper
  • Électrique
    electric
  • Noir
  • Sable · par défaut
    sand

Indiquez un thème dans votre prompt, ou définissez vos propres couleurs d’accent, de fond et de texte.

Prompt d’installation
Lis https://claude-motion.com/skills/browser-scroll/install.md, suis ses étapes pour installer la skill « browser-scroll », puis fais une première vidéo avec.

Collez-le dans Claude Code, Codex, Cursor ou tout agent compatible avec les skills.

Exemple de 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.
Prompt de style (Claude Motion ou 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]

Rien à installer : collez-le dans Claude Motion (Team ou Enterprise) ou donnez-le à Opus 5.5 pour un rendu proche. Le résultat change à chaque exécution ; la skill donne toujours le même.

Dans la même série

Appareils →

Annotations sur téléphone

Un téléphone apparaît et des étiquettes se relient à son écran par des lignes.

Gratuit
Explication16:9 / 9:16 / 1:1

Pile de notifications

Des notifications arrivent l’une après l’autre sur un écran verrouillé.

Premium
Explication16:9 / 9:16 / 1:1

Texte + écran

Titre et points d’un côté, votre capture qui glisse de l’autre.

Premium
Explication16:9 / 9:16 / 1:1

Déplacer un rendez-vous

Une semaine se remplit, puis un curseur fait glisser un événement vers un meilleur créneau.

Premium
Explication16:9 / 9:16 / 1:1