cloudai-x/threejs-lighting

Iluminação Three.js - tipos de luz, sombras, iluminação ambiente. Use ao adicionar luzes, configurar sombras, configurar IBL ou otimizar desempenho de iluminação.

O que é threejs-lighting?

Este skill oferece suporte completo para gerenciamento de iluminação em projetos Three.js, cobrindo tipos de luz (point, directional, spot, ambient, hemisphere), configuração de sombras (shadow maps, bias, radius) e iluminação baseada em imagem (IBL) com HDR. Ele é útil para desenvolvedores que precisam configurar cenas realistas, balancear desempenho e qualidade visual, ou implementar sistemas de iluminação dinâmica. O skill funciona integrando-se a agentes de IA como Claude Code, Cursor ou Codex, fornecendo orientação baseada na documentação oficial do Three.js. Ao utilizá-lo, o agente pode ajustar parâmetros de luz, resolver problemas comuns de sombras (como artefatos de shadow acne ou peter panning), e otimizar o desempenho geral da iluminação em aplicações 3D.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-lighting

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que threejs-lighting faz?

Iluminação Three.js - tipos de luz, sombras, iluminação ambiente. Use ao adicionar luzes, configurar sombras, configurar IBL ou otimizar desempenho de iluminação.

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

cloudai-x/threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

cloudai-x/threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

cloudai-x/threejs-geometry

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

cloudai-x/threejs-interaction

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

cloudai-x/threejs-loaders

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

cloudai-x/threejs-materials

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

cloudai-x/threejs-postprocessing

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

cloudai-x/threejs-shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

cloudai-x/threejs-textures

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

Habilidades Relacionadas