Shader

shader-dev é uma skill prática de shaders GLSL para visuais em tempo real no estilo ShaderToy. Use a skill shader-dev para criar ou depurar ray marching, cenas com SDF, iluminação, partículas, movimento de fluidos, pós-processamento e shader-dev para UI Design com menos tentativa e erro do que com um prompt genérico.

threejs-shaders é um guia prático para escrever shaders em Three.js com GLSL, ShaderMaterial, uniforms, deformação de vértices e efeitos de fragmento. Use-o no desenvolvimento frontend quando precisar de uma base funcional de shader, escolhas de material mais claras e menos tentativa e erro do que um prompt genérico.

threejs-materials é um skill de materiais para Three.js voltado a escolher, configurar e depurar materiais de mesh. Use-o para PBR realista, flat shading sem iluminação, visuais toon e de debug, estilos guiados por textura e shaders personalizados. É útil para equipes de Frontend Development que precisam tomar decisões sobre materiais com mais rapidez e consistência.

Skill threejs-postprocessing para Desenvolvimento Frontend: adicione pipelines com EffectComposer, bloom, depth of field, blur, color grading e passes personalizados em screen space. Use este guia para configurar a cadeia de renderização, ajustar os efeitos e integrar o composer a uma cena Three.js já existente.

threejs-lighting é uma skill prática de iluminação em Three.js para Frontend Development. Ela ajuda você a escolher tipos de luz, configurar sombras, adicionar iluminação de ambiente e corrigir cenas que parecem chapadas, escuras demais ou superexpostas. Use o guia threejs-lighting quando precisar de uma iluminação de cena mais rápida e consistente.

makepad-2.0-shaders é uma skill de Desenvolvimento Frontend para escrever e depurar código de shaders do Makepad 2.0. Use esta skill de makepad-2.0-shaders para blocos `pixel: fn()` e `vertex: fn()`, formas com `Sdf2d`, desenho de widgets personalizados, alpha premultiplicado e orientações práticas de instalação e uso.