---
title: "Three.js - WebGL 3D Scenes Skill - Air Market"
description: "You want a bit of 3D on a web page and you are not a graphics engineer. This helps you build and fix interactive Three.js scenes: the basic setup, lights and materials, loading models, camera control…"
canonical: "https://airmarket.ai/app/threejs"
---

[Air Market](/) / [Design](/category/design) / Three.js - WebGL 3D Scenes Skill

Skill by [Meng To](/@mengto)

# Three.js - WebGL 3D Scenes Skill

Get a 3D scene on the page and working the way you meant

## What this does

You want a bit of 3D on a web page and you are not a graphics engineer. This helps you build and fix interactive Three.js scenes: the basic setup, lights and materials, loading models, camera controls, and performance when it drags. Reach for it when a design calls for a 3D moment and you need it to actually run.

### Top 3 things it does for you

- Set up a scene, camera and renderer
- Load a 3D model into the page
- Sort out lights and materials

## Information

**Three.js - WebGL 3D Scenes Skill at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Meng To](/@mengto) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 60 KB |
| Licence | MIT |
| Repository | [MengTo/Skills](https://github.com/MengTo/Skills/tree/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/threejs) |
| GitHub stars | 5,235 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Three.js - WebGL 3D Scenes Skill and flagged nothing. AIR's verdict: **safe**.

**What Three.js - WebGL 3D Scenes Skill's check was run against**

|  |  |
| --- | --- |
| Commit | bdf0e83c5d12c84229b4f9c6524900aca65e44b8 |
| Content hash | ab9da0ed36eb2fab85cdc7d90342c0a32cfdb54206adb0d2089c55ab4e9b9de1 |
| Files read | [Browse the files at this exact commit](https://github.com/MengTo/Skills/blob/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/threejs/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Three.js - WebGL 3D Scenes Skill](/security/threejs)

## About Three.js - WebGL 3D Scenes Skill

This is help for building and debugging interactive 3D on the web with Three.js: scene, camera and renderer setup, lights and materials, GLTF loading, controls, and performance.

It is aimed at designers shipping 3D UI moments, where the goal is a scene that works on the page rather than a full engine.

## What's inside

- SKILL.md - instructions
- demo/index.html - template
- demo/preview.jpg
- demo/PROMPT.md - reference
- REFERENCES.md - reference

## Questions

### Is Three.js - WebGL 3D Scenes Skill safe to install?

AIR scanned this exact version of Three.js - WebGL 3D Scenes Skill and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit bdf0e83c5d12, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/threejs.

### How do I install Three.js - WebGL 3D Scenes Skill?

Open https://airmarket.ai/app/threejs on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/MengTo/Skills/tree/bdf0e83c5d12c84229b4f9c6524900aca65e44b8/agent-skills/web-design/threejs. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Meng To](/@mengto)

---

Canonical URL: <https://airmarket.ai/app/threejs>