Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

WebGPU Three.js with TSL

pordgreenheck·dgreenheck· v1.0.0 · atualizado em 2026-04-11
80
Score

Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, TSL syntax and node materials, compute shaders, post-processing effects, and WGSL integration. Use this skill when working with Three.js WebGPU, TSL shaders, node materials, or GPU compute in Three.js.

webgputhreejstslshadersgraphicswebglgpu-compute
Linguagens
TypeScriptJavaScript
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdwebgpu-threejs-tsl/workflow
1. Set up the WebGPU renderer in Three.js.
2. Import necessary TSL functions from `three/tsl`.
3. Create a `MeshStandardNodeMaterial` or other node material.
4. Assign TSL nodes to material properties like `colorNode`, `roughnessNode`, and `positionNode`.
5. Implement custom shader logic using `Fn()` for reusable functions.
6. Integrate compute shaders for advanced effects like particle systems.
7. Add post-processing effects to the rendering pipeline.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aCRA to Next.js Migration Guide
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aMagento 2 Hyva Specialist
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aWix Site Component Builder
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83

Árvore do Skill

WebGPU Three.js with TSL
webgpu-threejs-tsl
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers8
create a WebGPU Three.js applicationuse TSL for shader developmentwrite GPU compute shaders in Three.jsimplement post-processing effects with WebGPUmigrate GLSL shaders to TSLset up WebGPU renderer in Three.jscreate custom shader materials with TSLuse node materials 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 webgpu-threejs-tsl
$ synaptic skills detail webgpu-threejs-tsl
$ synaptic skills live webgpu-threejs-tsl

Dependências

three/webgputhree/tsl

Links

GitHub Repository