Threejs

Brings Three.js capabilities into Claude for building 3D browser experiences. You'll reach for this when you need to set up WebGL scenes, configure materials and lighting, wire up camera controls, or add post-processing effects without writing everything from scratch. It's a prototype-mode skill curated from CloudAI-X's repository, so expect core primitives rather than a complete framework. The triggers are straightforward: mention "threejs", "3d web", or "webgl scene" and the agent will pull it in during planning. Good fit if you're prototyping interactive 3D elements and want Claude to handle the boilerplate setup and common patterns.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 32
skills.sh installs: 3.5K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill threejs --agent claude-code

Installs into .claude/skills of the current project.

Files

threejs

Curated from CloudAI-X.

What it does

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

Source

Upstream: https://github.com/CloudAI-X/threejs-skills
Category: 3d-shaders

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/CloudAI-X/threejs-skills

Then ask the agent to invoke this skill by name (threejs) or with one of the trigger phrases listed in this skill's frontmatter.

SKILL.md on GitHub

Details

Repository: github.com/nexu-io/open-design
Categories: Automation & Workflows, Design & UI/UX
First seen: Jun 3, 2026