React Three Fiber Lighting
Skill Đã xác minhReact 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.
Cài đặt
npx skills add enzed/r3f-skillsChạy Vercel skills CLI (skills.sh) qua npx — yêu cầu Node.js trên máy và ít nhất một agent tương thích skills đã được cài (Claude Code, Cursor, Codex, …). Giả định repo tuân theo định dạng agentskills.io.
Tiện ích tương tự
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.