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

Three.js Post-Processing

porcloudai-x·cloudai-x· v1.0.0 · atualizado em 2026-04-10
80
Score

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

threejspost-processingvisual-effectsshaderswebglgraphicsrendering
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdthreejs-postprocessing/workflow
1. Import necessary modules from `three` and `three/addons/postprocessing`.
2. Create an `EffectComposer` instance, passing the renderer.
3. Add a `RenderPass` to render the scene.
4. Add desired post-processing passes (e.g., `UnrealBloomPass`, `ShaderPass`).
5. Configure the parameters of each pass.
6. In the animation loop, call `composer.render()` instead of `renderer.render()`.
7. Handle window resize to update pass parameters and composer size.

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

Compõe comThree.js Animation
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
80
Compõe com ←Three.js Lighting
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aTailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Development Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aTypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Three.js Post-Processing
threejs-postprocessing
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers8
add post-processing effects to three.js sceneapply bloom effect in three.jsimplement depth of field in three.jsadd anti-aliasing to three.js scenecreate custom shader in three.jsuse EffectComposer in three.jsapply color correction in three.jsadd film grain effect 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-postprocessing
$ synaptic skills detail threejs-postprocessing
$ synaptic skills live threejs-postprocessing

Dependências

threethree/addons/postprocessing/EffectComposer.jsthree/addons/postprocessing/RenderPass.jsthree/addons/postprocessing/UnrealBloomPass.jsthree/addons/postprocessing/ShaderPass.jsthree/addons/shaders/FXAAShader.jsthree/addons/postprocessing/SMAAPass.jsthree/addons/postprocessing/SSAOPass.jsthree/addons/postprocessing/BokehPass.jsthree/addons/postprocessing/FilmPass.jsthree/addons/shaders/VignetteShader.jsthree/addons/shaders/ColorCorrectionShader.jsthree/addons/shaders/GammaCorrectionShader.jsthree/addons/postprocessing/RenderPixelatedPass.jsthree/addons/postprocessing/GlitchPass.jsthree/addons/postprocessing/HalftonePass.jsthree/addons/postprocessing/OutlinePass.js

Links

GitHub Repository