Vibe Coding Discoverscroll-world
View on GitHubA skill that turn any brand into a scrollable 3D world landing page
An agent skill (SKILL.md) for Claude Code, Codex, and compatible agents that builds scroll-scrubbed 3D 'fly through the world' landing pages: it interviews you for brand and scenes, generates AI stills and image-to-video camera flights with frame-locked seams, then wires a portable vanilla-JS scroll engine. Costs money
Use Cases
Build a scroll-scrubbed 3D fly-through landing page for any brandGenerate isometric diorama scene stills with AI image modelsRender camera flight video clips and seamless connector clipsAssemble a continuous no-cut scroll timeline with a config-driven JS scrub engineRender a phone-native 9:16 portrait video chainProduce marketing pages resembling Apple-style scroll product sitesGenerate scroll-driven video assets via Monid or Higgsfield CLIsImport a brand kit from a URL and derive art direction
Built With
- Language
- JavaScript
- Frameworks
- Claude Code · Codex CLI · Vercel skills CLI · Next.js · Vue · vanilla JS
Tags
agent-skill · claude-code · codex · scroll-animation · 3d-landing-page · ai-video-generation · image-to-video · scroll-scrubbing · vanilla-js · ffmpeg · marketing-site · brand-kit · portrait-mobile · prompt-templates · skill-md