# Build Threejs Scroll Worlds (agent skill)

> Build Threejs Scroll Worlds is an agent skill (a SKILL.md file) from MengTo/Skills. Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored. It works with Claude Code, Codex and Cursor and has 7,032 GitHub stars across a repository of 4 listed skills.

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories, exhibitions, explainers, game or film microsites, spatial narratives, and multi-scene websites where native scroll should travel through one continuous place.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/MengTo/Skills |
| Skill path | agent-skills/web-design/build-threejs-scroll-worlds/SKILL.md |
| Skill name | build-threejs-scroll-worlds |
| GitHub stars | 7,032 |
| Installs on skills.sh | 2 |
| License | MIT |
| Skills in repo | 4 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex, Cursor |
| Category | Design & frontend |
| Last commit | Oct 25, 2026 |

## When it triggers

- Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories, exhibitions, explainers, game or film microsites, spatial narratives, and multi-scene websites where native scroll should trave

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/MengTo/Skills.git
cp -r Skills/agent-skills/web-design/build-threejs-scroll-worlds ~/.claude/skills/build-threejs-scroll-worlds   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/MengTo/Skills.git
cp -r Skills/agent-skills/web-design/build-threejs-scroll-worlds .agents/skills/build-threejs-scroll-worlds   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/MengTo/Skills.git
cp -r Skills/agent-skills/web-design/build-threejs-scroll-worlds .cursor/skills/build-threejs-scroll-worlds   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/MengTo/Skills/build-threejs-scroll-worlds

---

Canonical page: https://appsgit.com/skills/mengto-build-threejs-scroll-worlds
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.