three-js
✓Diese Fähigkeit sollte verwendet werden, wenn der Benutzer „eine 3D-Szene erstellen“, „ein Netz hinzufügen“ möchte. „OrbitControls implementieren“, „ein GLTF-Modell laden“, „Bloom-Nachbearbeitung hinzufügen“, „Schreiben Sie einen benutzerdefinierten Shader“, „erstellen Sie Partikeleffekte“, „optimieren Sie die Leistung von Three.js“, „WebGPU verwenden“, „Schatten hinzufügen“, „ein Modell animieren“ oder Three.js, threejs, WebGL erwähnt, WebGPU, GLTF, Raycaster, Shader-Material, PBR-Material oder Nachbearbeitungseffekte. WICHTIG: Dieser Skill ist für VANILLA Three.js (imperatives JavaScript). Für Reaktion drei Fiber (@react- three/fiber, R3F, drei), überprüfen Sie den Skill „r3f-best-practices“, obwohl Three-js-Skills bei der Arbeit mit R3F hilfreich sind, da R3F ein React-Renderer für Three.js ist. Bietet eine vollständige Three.js-Referenz für 3D-Webgrafiken, einschließlich Szeneneinrichtung, Geometrie, Materialien, Texturen, Beleuchtung, Kameras, Lader, Animation, Steuerung, Interaktion, Shader, Nachbearbeitung, Leistungsoptimierung, TSL/Knotenmaterialien, WebGPU, Physik und VR/XR-Integration.
Installation
SKILL.md
React Three Fiber users: This reference is for vanilla Three.js. For R3F/Drei patterns, use the r3f-best-practices skill. However, understanding Three.js concepts here helps when working with R3F since R3F is a React renderer for Three.js.
| references/01-fundamentals.md | Scene setup, renderer config, Object3D hierarchy, coordinate systems | | references/02-geometry.md | Creating shapes, BufferGeometry, instancing, points, lines | | references/06-cameras.md | Camera types, frustum, viewport, projection | | references/13-math.md | Vector3, Matrix4, Quaternion, Euler, Color, MathUtils |
| references/03-materials.md | PBR materials, shader materials, all material types | | references/04-textures.md | Texture loading, UV mapping, render targets, environment maps | | references/05-lighting.md | Light types, shadows, IBL, light probes | | references/11-shaders.md | Custom GLSL shaders, uniforms, varyings, shader patterns |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/noklip-io/agent-skills --skill three-js- Quelle
- noklip-io/agent-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist three-js?
Diese Fähigkeit sollte verwendet werden, wenn der Benutzer „eine 3D-Szene erstellen“, „ein Netz hinzufügen“ möchte. „OrbitControls implementieren“, „ein GLTF-Modell laden“, „Bloom-Nachbearbeitung hinzufügen“, „Schreiben Sie einen benutzerdefinierten Shader“, „erstellen Sie Partikeleffekte“, „optimieren Sie die Leistung von Three.js“, „WebGPU verwenden“, „Schatten hinzufügen“, „ein Modell animieren“ oder Three.js, threejs, WebGL erwähnt, WebGPU, GLTF, Raycaster, Shader-Material, PBR-Material oder Nachbearbeitungseffekte. WICHTIG: Dieser Skill ist für VANILLA Three.js (imperatives JavaScript). Für Reaktion drei Fiber (@react- three/fiber, R3F, drei), überprüfen Sie den Skill „r3f-best-practices“, obwohl Three-js-Skills bei der Arbeit mit R3F hilfreich sind, da R3F ein React-Renderer für Three.js ist. Bietet eine vollständige Three.js-Referenz für 3D-Webgrafiken, einschließlich Szeneneinrichtung, Geometrie, Materialien, Texturen, Beleuchtung, Kameras, Lader, Animation, Steuerung, Interaktion, Shader, Nachbearbeitung, Leistungsoptimierung, TSL/Knotenmaterialien, WebGPU, Physik und VR/XR-Integration. Quelle: noklip-io/agent-skills.
Wie installiere ich three-js?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/noklip-io/agent-skills --skill three-js Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/noklip-io/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01