mcpField
C
cloudai-threejs

cloudai-threejs

github.com/podoDevelopment29164 installsUpdated 1d ago
Repository

About cloudai-threejs

cloudai-threejs is a Three.js skill suite for building interactive 3D elements and experiences on the web. It covers scene setup, geometry, materials, lighting, camera controls, animation, and WebGL performance practices.

Key features

  1. 01Three.js scene and renderer setup
  2. 02Geometry and material authoring
  3. 03Lighting and camera controls
  4. 04Object animation
  5. 05WebGL performance practices

Use cases

  1. 01Build interactive 3D product visualizations
  2. 02Create interactive web backgrounds
  3. 03Develop immersive web experiences

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill cloudai-threejs

After installing, type/cloudai-threejsin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

cloudai-threejs

Catalogue stub — full package: CloudAI-X/threejs-skills

Decision tree

Run this before any Three.js or 3D web development:

  1. Is the Three.js skill already installed? Check: ~/.design-agent-skills/skills/threejs/SKILL.md exists.

    • Yes → invoke threejs and proceed
    • No → go to step 2

  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add CloudAI-X/threejs-skills

Invoke after install

  • Skill name: check installed skill names with ls ~/.design-agent-skills/skills/
  • Trigger phrases: "Three.js", "3D web", "WebGL 3D", "3D scene"

What it does

Three.js skill suite for building interactive 3D elements and experiences on the web. Covers the complete Three.js pipeline: scene and renderer setup, geometries and materials, lighting rigs, camera controls, object animations, and WebGL performance best practices. Use for product visualizations, interactive backgrounds, and immersive web experiences.

Comments

Markdown supported