Scroll World
Scroll World construit une landing page "vol continu" : des scènes isométriques générées par IA (GPT Image via Higgsfield, ou la CLI Codex) reliées par des plans de caméra qui volent de l'extérieur vers l'intérieur de chaque décor, sans coupure visible, la position de scroll ne pilotant que le temps de la vidéo, pas la trajectoire de la caméra. Le skill interviewe l'utilisateur sur la marque, la direction artistique, les scènes voulues et le budget avant de lancer les générations d'images et de vidéos (Seedance via Monid par défaut, Kling en repli), puis assemble un moteur de scroll en JavaScript vanilla, agnostique au framework (HTML brut, Next.js, Vue).
Avantages clés
- Plus de 7 300 étoiles GitHub, licence MIT, dépôt activement maintenu
- Estimation du coût annoncée avant génération (environ 27 $ pour une chaîne de 6 scènes en 1080p), pas de surprise de facturation
- Agnostique au framework de rendu final (HTML brut, Next.js, Vue) et installable sur plus de 20 agents via la CLI skills de Vercel, pas seulement Claude Code
- Chaque scène est raccordée à partir des images réellement rendues de la scène voisine, ce qui évite les sauts visuels entre segments
Pour qui, pour quoi
Développeurs et petites équipes marketing qui veulent une landing page à fort impact visuel pour un lancement produit, sans budget vidéo ni studio de motion design dédié.
- Construire une landing page de lancement produit avec un rendu cinématique, sans équipe créative dédiée
- Prototyper rapidement une direction artistique "survol de monde" avant de la confier à un studio pour la version finale
- Générer une version mobile en portrait 9:16 rendue nativement, pas recadrée depuis la version desktop
Comment démarrer
- 1Installer comme plugin Claude Code : `/plugin marketplace add oso95/scroll-world` puis `/plugin install scroll-world@scroll-world`.
- 2Configurer les comptes tiers nécessaires : Monid (backend vidéo par défaut, facturé à l'usage) et Higgsfield (rendu des scènes fixes et repli vidéo), plus ffmpeg/ffprobe en local.
- 3Invoquer `/scroll-world` dans Claude Code et répondre à l'interview (sujet, marque, scènes, budget) avant que la génération ne démarre.
Points de vigilance
- Dépend de deux services payants tiers (Monid, Higgsfield) facturés à la génération : le coût annoncé avant de lancer une chaîne reste réel, pas symbolique.
- Une page entièrement pilotée par une vidéo qui défile pose de vraies questions d'accessibilité (mouvement, alternative textuelle, dépendance au scroll) qui ne sont pas traitées par le skill lui-même et restent à la charge de qui l'intègre.
- Les rendus dépendent de modèles de génération d'image et de vidéo tiers : la cohérence visuelle d'une scène à l'autre n'est jamais garantie à 100%, malgré le mécanisme de raccord.
Questions fréquentes
Faut-il un abonnement Claude pour utiliser Scroll World ?
Non pour le skill lui-même, gratuit et open source, mais son fonctionnement dépend de comptes payants tiers (Monid et/ou Higgsfield) pour générer les images et vidéos, facturés séparément à l'usage.
Ça fonctionne aussi avec Codex ou d'autres agents ?
Oui, le dépôt est explicitement compatible SKILL.md et installable sur Codex directement, ou sur plus de 20 agents via la CLI skills de Vercel, pas seulement Claude Code.
Une page de ce type est-elle accessible ?
Pas nativement : un rendu entièrement vidéo/scroll pose de vrais enjeux d'accessibilité (mouvement, alternative textuelle) qui ne sont pas traités par le skill et restent à ajouter par qui l'intègre.
Outils similaires
À explorer aussi
Claude Code
L'agent en ligne de commande d'Anthropic, capable de lire, écrire et exécuter du code directement dans un projet réel.
Vercel MCP
Le serveur MCP de Vercel : consulter déploiements, logs et projets directement depuis un agent IA.
Playwright
Le framework de test et d'automatisation navigateur de Microsoft, utilisé ici pour capturer des captures d'écran réelles.