Publish Sign in
Workflow·Developer Tools & Repos·v2.0.0

Three.js Development

Build 3D web apps with Three.js (WebGL/WebGPU).

You say
Buy it · $45 Read it before you buy $45 Written by mrgoonie · unverified publisher
Context cost
36.8k tokensestimated from the bundle, loaded when it triggers
Bundle
21 files · 147.2 kBtext throughout, nothing executable
Licence
MITpaid listing
Last change
—v2.0.0
Servers it uses
Noneruns standalone

What it does

Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.

Installed, it changes the agent in these ways.

What this skill changes about the agent is not written down here yet. The listing was collected from its source, and the description is in its own SKILL.md.

Workflow

Runs a procedure end to end.

gamedev
Filed under

Developer Tools & Repos

The skill itself

This is the whole product. A skill is instructions the model reads, so there is nothing behind the listing you cannot see first — the front matter loads with every session, and the body below it loads when the skill triggers.

SKILL.md3.8 kB · 94 lines
--- name: threejs description: Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators. license: MIT version: 2.0.0 ---
8# Three.js Development
9
10Build high-performance 3D web applications using Three.js - a cross-browser WebGL/WebGPU library.
11
12## When to Use This Skill
13
14Use when working with:
15- 3D scenes, models, animations, or visualizations
16- WebGL/WebGPU rendering and graphics programming
17- Interactive 3D experiences (games, configurators, data viz)
18- Camera controls, lighting, materials, or shaders
19- Loading 3D assets (GLTF, FBX, OBJ) or textures
20- Post-processing effects (bloom, depth of field, SSAO)
21- Physics simulations, VR/XR experiences, or spatial audio
22- Performance optimization (instancing, LOD, frustum culling)
23
24## Progressive Learning Path
25
26### Level 1: Getting Started
27- Load references/00-fundamentals.md - Fundamentals
28- Load references/01-getting-started.md - Scene setup, basic geometries, materials, lights, rendering loop
29
30### Level 2: Common Tasks
31- **Asset Loading**: references/02-loaders.md - GLTF, FBX, OBJ, texture loaders
32- **Textures**: references/03-textures.md - Types, mapping, wrapping, filtering
33- **Cameras**: references/04-cameras.md - Perspective, orthographic, controls
34- **Lights**: references/05-lights.md - Types, shadows, helpers
35- **Animations**: references/06-animations.md - Clips, mixer, keyframes
36- **Math**: references/07-math.md - Vectors, matrices, quaternions, curves
37- **Geometry**: references/18-geometry.md - Built-in shapes, BufferGeometry, custom geometry, instancing
38- **Materials**: references/11-materials.md - PBR, basic, phong, lambert, physical, toon, normal, depth, raw, shader materials, material properties
39
40### Level 3: Interactive & Effects
41- **Interaction**: references/08-interaction.md - Raycasting, picking, transforms
42- **Post-Processing**: references/09-postprocessing.md - Passes, bloom, SSAO, SSR
43- **Controls (Addons)**: references/10-controls.md - Orbit, transform, first-person
44
45### Level 4: Advanced Rendering
46- **Materials Advanced**: references/11-materials-advanced.md - PBR, custom shaders
47- **Performance**: references/12-performance.md - Instancing, LOD, batching, culling
48- **Node Materials (TSL)**: references/13-node-materials.md - Shader graphs, compute
49
50### Level 5: Specialized
51- **Physics**: references/14-physics-vr.md - Ammo, Rapier, Jolt, VR/XR
52- **Advanced Loaders**: references/15-specialized-loaders.md - SVG, VRML, domain-specific
53- **WebGPU**: references/16-webgpu.md - Modern backend, compute shaders
54- **Shaders**: references/17-shader.md - GLSL, ShaderMaterial, uniforms, custom effects
55
56## Quick Start Pattern
57
58```javascript
59// 1. Scene, Camera, Renderer
60const scene = new THREE.Scene();
61const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
62const renderer = new THREE.WebGLRenderer();
63renderer.setSize(window.innerWidth, window.innerHeight);
64document.body.appendChild(renderer.domElement);
65
66// 2. Add Objects
67const geometry = new THREE.BoxGeometry();
68const material = new THREE.MeshStandardMaterial({ color: 0x00ff00 });
69const cube = new THREE.Mesh(geometry, material);
70scene.add(cube);
71
72// 3. Add Lights
73const light = new THREE.DirectionalLight(0xffffff, 1);
74light.position.set(5, 5, 5);
75scene.add(light);
76scene.add(new THREE.AmbientLight(0x404040));
77
78// 4. Animation Loop
79function animate() {
80 requestAnimationFrame(animate);
81 cube.rotation.x += 0.01;
82 cube.rotation.y += 0.01;
83 renderer.render(scene, camera);
84}
85animate();
86```
87
88## External Resources
89
90- Official Docs: https://threejs.org/docs/
91- Examples: https://threejs.org/examples/
92- Editor: https://threejs.org/editor/
93- Discord: https://discord.gg/56GBJwAnUS
94
In the file
SKILL.md424 words
Files21
LicenceMIT
Why you can read it

Nothing in a skill executes. The client loads the text and the model follows it, so a skill can be audited the way a runbook is — by reading it.

What it costs in context

Skills are not billed by the call. They are paid for in context: every token the instructions occupy is a token your code, your diff and your conversation cannot use. Here is what this one takes and when it takes it.

≈60
always loaded
The name and description, so the model knows the skill exists and when to reach for it.
36,740
on trigger
The instruction body and 20 supporting files, read only when the skill fires.
18.4%
of a 200k window
Ten skills this size would take about 184% of the window before you open a file.
050k100k150k200k context window

36.8k tokens, estimated from the bundle at four bytes to the token, held for the rest of the session once it triggers. Heavy. Teams tend to install this one per project rather than globally, and load it only when the job comes up.

Servers bill, skills cost

A server charges by the month. A skill charges once per session, in context, and then keeps charging it for as long as the session lives.

Before and after

The same question, put to the same model twice: once as it comes, and once with these instructions loaded.

No worked example has been published for this skill yet.

Adoption
Installsnone yet
Ratingno reviews yet

The procedure it runs

The procedure has not been published here. It is in the skill’s own SKILL.md, which its author has not sent to the marketplace yet.

Prose, not code

These steps are written for a model to follow, not executed by a runtime. It can still be told to skip one, and it will say so when it does.

Servers it uses

None. This skill calls no MCP servers at all.

Everything it needs is in the instructions, so it works in a project with nothing connected — the model reads the file and changes how it works with what it can already reach.

It writes no files and reaches no network. All it changes is how the model reasons and writes.

What it asks for
Writes filesno
Network accessno

Read from the allowed-tools line of this skill’s own SKILL.md. A skill grants no permissions of its own — it can only ask for tools your client already has.

What it will not do

Every skill is narrow, and the useful ones say where they stop. These are the jobs this one is the wrong tool for.

What this skill is not for has not been published here. Nothing is implied by that: it is a section the author has not filled in.

What is in the bundle

21 files, 147.2 kB on disk. A bundle is text throughout: the instructions the model reads, plus the templates it fills in.

  • SKILL.md3.8 kB
  • references/00-fundamentals.md11.5 kB
  • references/01-getting-started.md3.8 kB
  • references/02-loaders.md4.1 kB
  • references/03-textures.md4.2 kB
  • references/04-cameras.md4.9 kB
  • references/05-lights.md4.4 kB
  • references/06-animations.md4.8 kB
  • references/07-math.md5.3 kB
  • references/08-interaction.md6.8 kB
  • references/09-postprocessing.md5.4 kB
  • references/10-controls.md6.0 kB
  • references/11-materials-advanced.md6.0 kB
  • references/11-materials.md13.4 kB
  • references/12-performance.md6.7 kB
  • references/13-node-materials.md6.9 kB
  • references/14-physics-vr.md6.8 kB
  • references/15-specialized-loaders.md7.5 kB
  • references/16-webgpu.md7.1 kB
  • references/17-shader.md14.0 kB
  • references/18-geometry.md13.8 kB
What is not in it

No dependencies and nothing executable: a skill is text the agent reads, so the bundle is 21 files you can review in full before installing. The MIT licence covers the templates and examples as well as the instructions.

Install

Installing copies the bundle into your project. Nothing runs at install time — the files sit on disk until the model reads them.

$45 once
Three.js Development · MIT · mrgoonie
one-time
Price$45 once
LicenceMIT — the author’s, unchanged by this purchase
Paid throughStripe, once, on the card you add at the checkout
Keeps workingfor good — the files are yours once they are on disk
Updatesevery release of 2.x through this account

You can read the whole bundle before paying — the SKILL.md above is the product, not a preview of it. What the money buys is the delivery: the folder packaged and handed to your machine by key, every update its author ships, and our support if it does not do what this listing says. The terms of use are MIT, set by the author and unchanged by buying it here.

Sign in to buyCreate an account

Payment runs through Stripe, on a page like this one rather than a redirect. Once there is an account it joins the same mcprush invoice as everything else you run, so there is never a second card to enter.

Which clients pick it up on their own

A skill is a folder of text. A client with a skills folder reads it without being told; everywhere else the same text works, it is just handed to the model rather than found.

Claude Code.claude/skills/
Claude Desktop
ChatGPT
Cursor.cursor/skills/
VS Code.github/skills/
Codex CLI.agents/skills/
Gemini CLI.gemini/skills/
Grok.grok/skills/
Zed.agents/skills/
Windsurf.windsurf/skills/
Agent SDK.claude/skills/
HTTP / API
This release
Version2.0.0
Publishedno release date on file
Price$45
Referencemrgoonie/three-js-development

Versions

v2.0.0 is what is on the shelf; no release here carries a date. Instructions change more often than APIs do — a skill can be rewritten entirely without anything it depends on moving.

v2.0.0
  • No earlier releases have been published to the marketplace.
Pinning

Put mrgoonie/three-js-development@2.0.0 in the install command to hold this exact version. Without the suffix you get whatever is current the day you install, and nothing moves under you afterwards.

Reviews

—no reviews yet · no installs yet

Nobody has reviewed this skill yet. The rating is the mean of the reviews written here, so there is none until somebody writes the first.

Who can post

Only accounts that have had the skill installed for fourteen days, so a review is written after living with it rather than after reading it. Publishers may reply once.

Who wrote it

MR
mrgoonie

Publishes on mcprush.

0 servers listed4 skills listednot claimed
Profile
Publisher
Servers0