scroll-world
A skill that turn any brand into a scrollable 3D world landing page
scroll-world is an agent skill that enables AI coding assistants to build immersive, scroll-driven 3D landing pages where the camera flies seamlessly through branded scenes. Designed for Claude Code, Codex, and any SKILL.md-compatible agent, it generates AI-powered isometric diorama stills and camera flight videos that are scrubbed by scroll position—similar to premium product showcase sites. The skill handles the complete workflow from brand interview to asset generation (via Higgsfield/Monid AI video APIs) to integration with a framework-agnostic vanilla JavaScript scrub engine.
Key Features
Use Cases
- 01Building premium brand landing pages with cinematic scroll-driven camera movements
- 02Creating immersive product showcase experiences similar to high-end Apple product pages
- 03Generating scroll-through world tours for logistics, travel, or real estate brands
- 04Prototyping scroll-scrubbed storytelling interfaces for marketing campaigns
- 05Developing mobile-first 3D landing experiences with separate portrait-optimized video chains
- 06Experimenting with AI-generated isometric diorama worlds for client pitches
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
scroll-world — FAQ
What is scroll-world and what does it do?+
scroll-world is an agent skill that teaches AI coding assistants how to build scroll-driven 3D landing pages. It generates AI-powered scene stills and camera flight videos, then wires them into a scroll-scrubbed experience where the camera flies continuously through branded environments as the user scrolls.
How do I install scroll-world in Claude Code?+
In Claude Code, use the plugin marketplace commands: /plugin marketplace add oso95/scroll-world followed by /plugin install scroll-world@scroll-world. You can then invoke it by asking for a scroll-through world landing page or using the /scroll-world command.
Which AI agents and clients work with this skill?+
scroll-world is compatible with Claude Code, Codex, Cursor, and any SKILL.md-compatible agent (20+ supported via the Vercel skills CLI). You can install it via the plugin marketplace in Claude Code or the skills CLI for other agents.
What API keys and prerequisites are required?+
You need the Monid CLI with an API key and balance (default video backend, pay-per-clip), the Higgsfield CLI authenticated with credits (for stills and fallback video), ffmpeg/ffprobe, and Python 3 with Pillow. Optionally, the Codex CLI can generate stills using a ChatGPT subscription instead of Higgsfield credits.
Is scroll-world free to use?+
The skill itself is MIT-licensed and free, but asset generation costs money: approximately N image generations on Higgsfield credits plus 2N-1 video clips billed to Monid (around $27 for a 6-scene 1080p chain). Mobile portrait chains double the video generation costs. The skill shows estimated costs and requires approval before spending.
Can I create mobile versions of the scroll-through landing pages?+
Yes, the skill offers an optional mobile version that renders a separate 9:16 portrait video chain composed specifically for phones, not just a crop of the landscape version. This doubles the video generation count and cost but delivers a native mobile experience.
How do I install scroll-world?+
Open the source repository on GitHub and follow its README. scroll-world is a skill — MCP Agents Market links you directly to the official repo.
Is scroll-world free?+
scroll-world is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.