LogoAwesome Skills
  • Search
  • Category
  • Tag
  • Blog
LogoAwesome Skills
LogoAwesome Skills

Discover Open-Source Agent Skills for AI Coding Assistants

Product

  • Search
  • Category
  • Tag
  • Blog

Resources

  • Claude Skill Docs
  • Antigravity Skills Docs

Tools

  • Claude Code
  • OpenCode
  • Cursor
  • Codex
  • Antigravity

Company

  • Privacy Policy
  • Terms of Service
  • Sitemap

©2026 Awesome Skills. All rights reserved.

Privacy PolicyTerms
Back to Skills

threejs

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

77,219stars8,817forksUpdated 7/11/2026
Browser Automation#open-design#3d-graphics#webgl#interactive#browser#threejs

Security Assessment

Safe(100/100)
Security Score100/100

About threejs

An Open Design catalogue entry for threejs, a skill covering Three.js work: creating 3D elements and interactive experiences in the browser, including scenes, materials, controls, and post-processing. Curated from CloudAI-X, the entry is classified in the 3d-shaders category and runs in prototype mode, with its upstream source hosted at the CloudAI-X threejs-skills repository. It responds to trigger phrases such as threejs, three.js, 3d web, webgl scene, and 3d interactive. The primary purpose of this entry is discovery rather than execution: it advertises the skill within Open Design so an agent can find and consider it during planning. Because it is a catalogue stub, the full workflow, with the original assets, scripts, and references, is not bundled here. To actually run the complete upstream experience, the user installs the upstream bundle into their active agent's skills directory, inspecting the upstream README for exact paths. The recommended way to check those paths is to open the CloudAI-X repository page. Once the upstream bundle is installed, the agent invokes the skill by its name, threejs, or by one of the trigger phrases declared in the skill's frontmatter. In practical terms, the entry signals to an agent that Three.js capabilities are available for browser-based 3D graphics tasks: building and lighting scenes, applying materials, wiring up interactive camera or object controls, and adding post-processing effects, while pointing to where the fuller implementation lives. Use it when planning or scoping browser 3D and WebGL work and you want the agent to be aware that a dedicated Three.js skill exists, then follow the installation pointer to bring in the complete upstream toolkit. Because the entry itself is a lightweight advertisement, treat it as the entry point and rely on the upstream repository for the detailed scenes, materials, controls, and post-processing guidance it describes.

FAQ

What does the threejs skill cover?

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

Does this catalogue entry contain the full workflow?

No. It is an Open Design advertisement meant for discovery during planning; the original assets, scripts, and references live in the upstream bundle.

How do I run the complete upstream skill?

Install the upstream bundle from the CloudAI-X threejs-skills repository into your active agent's skills directory, checking the upstream README for the exact paths.

How is the skill invoked?

By its name, threejs, or by one of its trigger phrases such as three.js, 3d web, webgl scene, or 3d interactive.

What category and mode is it classified under?

It is in the 3d-shaders category and runs in prototype mode, curated from CloudAI-X.

Install threejs

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

nexu-io/open-design

Related Skills

pulumi-esc

78

skill-name

1,884

defold-core

5,619

animated-infographic

16