scroll-world: Agent-Skill für nahtlose 3D-Scroll-Landingpages

Repositoryoso95/scroll-worldTool

scroll-world ist ein Agent-Skill für Claude Code, Codex und SKILL.md-kompatible Tools. Das Werkzeug erstellt Landingpages mit nahtlosen Kameraflügen durch KI-generierte Szenen beim Scrollen.

Das Wichtigste

  1. Erstellt Landingpages mit kontinuierlichen Kameraflügen ohne Schnitte, gesteuert durch das Scrollen des Nutzers.
  2. Kompatibel mit Claude Code, Codex, Cursor und über 20 weiteren Agenten via SKILL.md oder Vercels Skills-CLI.
  3. Nutzt Monid CLI (Seedance 2.0) als Standard-Backend für Videoketten sowie Higgsfield CLI (inklusive Kling 3.0-Fallback) zur Szenen- und Bildgenerierung.
  4. Verwendet ffmpeg/ffprobe zur Frame-Extraktion und Python mit Pillow für Canvas-Anpassungen im Hochformat.
  5. Kann Szenenbilder optional über die integrierte Bildgenerierung der Codex-CLI auf Basis eines ChatGPT-Abonnements erzeugen.

Warum das relevant ist

Das Projekt automatisiert die technisch anspruchsvolle Verkettung von KI-Videomodellen mit Scroll-Animationen im Web. Entwickler können komplexe, diorama-artige Landingpages über Agentenbefehle ohne manuellen Videoschnitt generieren lassen.

Einordnung

Das Tool richtet sich an Webentwickler und Agenturen, die cineastische Scrollytelling-Websites für Marken erstellen möchten. Technisch orchestriert es generative Videoketten (Seedance 2.0, Kling 3.0) mit First-/Last-Frame-Conditioning sowie Bildgenerierung (GPT Image 2) und Browser-Scroll-Events. Mit fast 9.000 Sternen auf GitHub und aktiver Modellintegration (Stand Mitte 2026) zeigt das MIT-lizenzierte Projekt einen hohen Reifegrad bei der Automatisierung generativer Video-Pipelines, erfordert jedoch kostenpflichtige API-Guthaben oder Abonnements (z. B. Monid, Higgsfield oder ChatGPT).

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Video

    Video:Sean Kochel

    Scrollbare 3D-Websites erstellen mit scroll-world und Claude

    Sean Kochel demonstriert, wie man mit dem Open-Source-Skill scroll-world und Claude interaktive Websites mit scrollbaren 3D-Animationen baut. Das System nutzt die Higgsfield-API zur Bild- und Videogenerierung und verkettet die Szenen zu einer zusammenhängenden Navigation.

    KI & AI· Anleitung

  • Repository:Motionsites-AI/claude-skill

    MotionSites Web Builder: Claude-Skill für hochwertige Landingpages

    Der kostenlose Claude-Skill von MotionSites hilft KI-Modellen, visuell anspruchsvolle Websites mit echten Medien und Animationen zu erstellen. Statt generischer Layouts nutzt Claude Design-Vorlagen, ein Media-Archiv und Playwright-Screenshots zur automatischen Selbstkorrektur.

    555SternePython

    KI & AI· Tool

  • Repository:MengTo/Skills

    Agent Skills: Wiederverwendbare Playbooks für KI-Coding-Agenten

    Das GitHub-Repository MengTo/Skills bündelt strukturierte Anleitungen und Prompts ('Agent Skills') im Markdown-Format. Es richtet sich an Designer und Entwickler, die Coding-Agenten wie Codex, Claude oder Cursor für Webdesign, Interaktionen und 3D-Szenen einsetzen.

    6243SterneHTML

    KI & AI· Sammlung

  • Video

    Video:Nate Herk | AI Automation

    Scrollcraft: Interaktive, scrollbasierte Websites mit Claude Code erstellen

    Nate Herk stellt Scrollcraft vor, einen Skill für Claude Code zum Erstellen individueller, scrollgesteuerter Websites. Der Workflow umfasst einen strukturierten Fragebogen zur Nutzerführung, automatisierte Asset-Generierung über key.ai sowie eine visuelle Selbstüberprüfung während des Build-Prozesses.

    KI & AI· Demo

  • Repository:achimala/dream-loop

    dream-loop: Agent-Skill für 3D-Szenen mit iterativer Bildkritik

    dream-loop ist ein Open-Source-Agent-Skill von Anshu Sharma (@anshuc), der visuelle 3D-Szenen, Spiele oder Web-Apps über eine geschlossene Feedback-Schleife generiert. Ein Bildmodell erzeugt zunächst eine Zielgrafik, während ein separater AI-Kritiker das laufende Ergebnis visuell mit der Vorgabe abgleicht und Korrekturen anstößt.

    1532SterneJavaScript

    KI & AI· Tool

Sprechen wir über Ihr Projekt.

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.