DevelopmentMédio

Three.js WebGL/WebGPU Development

porfreshtechbro·freshtechbro· v1.0.0 · atualizado em 2026-04-10

Score

Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.

threejswebgl3d-graphicsjavascriptweb-development3d-modelingwebgpu

Linguagens

JavaScript

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdthreejs-webgl/workflow

1. Initialize Three.js scene, camera, and renderer.

2. Create or load 3D geometries and materials.

3. Add lights to the scene for realistic rendering.

4. Implement animation loop for dynamic updates.

5. Configure camera controls for user interaction.

6. Optimize performance using instancing and LOD.

7. Handle window resizing for responsive rendering.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aPageSpeed Insights Auditor

60%

Similar aTypeScript Code Style Guide

60%

Similar a ←Phaser 3 Game Development

60%

Similar a ←Desktop Development Guide

60%

Árvore do Skill

Three.js WebGL/WebGPU Development

threejs-webgl

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.RECOMMEND

5.ACT

6.REFLECT

Triggers8

create a 3D scene with Three.jsbuild a WebGL applicationimplement 3D rendering in the browseruse Three.js for interactive graphicsdevelop a 3D product configuratorcreate a 3D visualization with Three.jsrender a scene using WebGPUanimate a 3D model in Three.js

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download threejs-webgl

$ synaptic skills detail threejs-webgl

$ synaptic skills live threejs-webgl

Dependências

three three/addons/controls/OrbitControls.js three/addons/loaders/GLTFLoader.js three/addons/loaders/DRACOLoader.js three/addons/postprocessing/EffectComposer.js three/addons/postprocessing/RenderPass.js three/addons/postprocessing/UnrealBloomPass.js gsap

Links

GitHub Repository