Threejs Hero Skill
Description
Claude Code skill: build immersive Three.js landing pages as a single HTML file — foggy 3D world, DOM overlay, wireframe scan intro, self-verified via headless Chrome
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
threejs-hero — a Claude Code skill for award-site motion pages
Immersive Three.js worlds, liquid-glass shader typography, springy poster walls — single-file pages, screenshot-verified.
**🌐 Showcase & live demos: ** — pick a world, open its live demo, copy its prompt.
A [Claude Code](https://claude.com/claude-code) skill that teaches the agent to build **award-site-style immersive Three.js pages** as a single HTML file (+ a vendored three.js): the Sylva-style foggy hero (organic geometry, crisp DOM overlay UI, mouse-orbit parallax, pointer particles, Death-Stranding wireframe scan intro, glass cards, a living creature) **plus four more archetypes distilled from award-winning sites** — a glass product stage with sonar rings (AETHER:1-style), a drag-orbit dome gallery with click-to-focus camera flights (OpenPurpose-style), scroll-driven camera journeys with particle shape morphs (Igloo-Inc-style), and recipes for cursor mask reveals (Lando Norris), paper poster walls (MISC), and webcam gesture control — all with no build step, **responsive down to phones, touch- and reduced-motion-aware**, verified via a multi-viewport headless-Chrome screenshot loop **plus a design-review (aesthetic + conversion) pass**, so the result is ready to mount in a production webapp on day 1.
| Sylva replica (bundled example) | Wireframe scan intro | Applied to a real brand |
|---|---|---|
 |
 |
 |
| Glass product stage | Dome gallery | Scroll journey + particle morph |
|---|---|---|
 |
 |
 |
Install
git clone https://github.com/jiangyurong609/threejs-hero-skill.git
cp -r threejs-hero-skill/Related Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.