ai-agent

Scroll World

A skill that turn any brand into a scrollable 3D world landing page
7,340 stars818 forksJavaScriptUpdated 7/29/2026100% free · open source
What it does

Scroll-world turns any brand into a scrollable 3D world landing page using JavaScript and AI

When to use it
  • When you need an interactive and immersive website for a new product launch
  • When you want to create a unique and engaging brand experience for your customers
  • When you need to differentiate your website from competitors with a 3D interactive design
Ready-to-paste prompt
Open index.html and add a new 3D model by calling the addModel() function: addModel('new-model', { x: 0, y: 0, z: 0 })
Heads up: Make sure you have a compatible web browser that supports WebGL for the 3D rendering to work properly, as specified in the README
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/scroll-world && curl -fsSL https://workflowstacks.com/api/skills/scroll-world/claude-skill -o ~/.claude/skills/scroll-world/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Scroll World works
Codeflow
Free to inspect

Scroll World is a small JavaScript project (~850 lines across 2 code files). You install it into your AI tool with one command; there is nothing to run yourself. Last commit a month ago, MIT license, no tests found.

Size
Small codebase
~850 lines · 2 code files · 7 min skim
Setup
Install as a skill / plugin
Add it to Claude Code (or your AI tool) with one command — 1 skill inside. Nothing to run yourself.
Runs on
Inside your AI tool
Nothing to install on your machine
JavaScript 84%Python 8%HTML 8%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    skills/scroll-world/SKILL.md
    Inside skills/ — an example of what the AI is told to do
What's in each folder
skills/Prompts, skills & agent definitions6 files
.claude-plugin/Plugin manifest — what gets installed2 files
READMEDocumentedMIT licenseUpdated 1 mo ago
Quick Actions
Details
Creator
oso95
Language
JavaScript
Category
ai-agent
Published
7/6/2026

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.