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-skills通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 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.