React Three Fiber Lighting
Skill 확인됨React Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or optimizing lighting performance.
This extension details various light types (ambient, directional, point, spot, rectArea), shadow configuration, and environment lighting using Drei components like Environment, Sky, and Stage. It includes code examples for common lighting setups and performance tips.
Practical Utility
- info:Edge casesWhile the skill covers various lighting types and setups, explicit documentation of failure modes and recovery steps for edge cases like missing dependencies or expired credentials is not present.
- info:Edge casesWhile the skill covers various lighting types and setups, explicit documentation of failure modes and recovery steps for edge cases like missing dependencies or expired credentials is not present.
Documentation
- info:Configuration & parameter referenceWhile the SKILL.md documents various light types and their parameters with code examples, there is no explicit mention of default values or configuration precedence order for potential environment variables, as it doesn't seem to use them.
- info:Configuration & parameter referenceWhile the SKILL.md documents various light types and their parameters with code examples, there is no explicit mention of default values or configuration precedence order for potential environment variables, as it doesn't seem to use them.
Versioning
- warning:Release ManagementThere is no explicit version information (e.g., in SKILL.md frontmatter, package.json, or CHANGELOG) and installation instructions reference 'HEAD' or 'main', making it difficult to pin to a specific version.
- warning:Release ManagementThere is no explicit version information (e.g., in SKILL.md frontmatter, package.json, or CHANGELOG) and installation instructions reference 'HEAD' or 'main', making it difficult to pin to a specific version.
설치
npx skills add enzed/r3f-skillsVercel skills CLI(skills.sh)를 npx로 실행합니다. 로컬에 Node.js와 skills 호환 에이전트(Claude Code, Cursor, Codex 등) 중 하나 이상이 설치되어 있어야 합니다. 저장소가 agentskills.io 형식을 따른다고 가정합니다.
유사한 확장
React Three Fiber Interaction
98React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
React Three Fiber Materials
95React Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working with textures, or implementing visual effects.
React Three Fiber Geometry
90React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.
React Three Fiber Textures
85React Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
Next.js Server Component Navigation Pattern
98Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.
Next.js Server vs. Client Components
98Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.