{
  "markdown": "# React Three Fiber Skills for Claude Code & Codex\n\nFocused guidance for building React Three Fiber scenes with current, compatible APIs. Each skill keeps decisions, pitfalls, and one checked example in `SKILL.md`; substantial optional recipes live in that skill's `references/` directory.\n\n## Install\n\n```bash\nnpx skills add EnzeD/r3f-skills\n```\n\nThe [skills CLI](https://github.com/vercel-labs/skills) lets you choose skills and target agents. For manual installation, copy the individual skill folders into your agent's skills directory, including their `references/` subfolders. Repository development dependencies are **not** needed to use the skills.\n\n## Available skills\n\n| Skill | Focus |\n| --- | --- |\n| [r3f-fundamentals](skills/r3f-fundamentals/SKILL.md) | Canvas, typed JSX, hooks, renderer choice, ownership |\n| [r3f-geometry](skills/r3f-geometry/SKILL.md) | Geometry, buffers, instancing, points, lines |\n| [r3f-materials](skills/r3f-materials/SKILL.md) | PBR, transparency, transmission, material cost |\n| [r3f-lighting](skills/r3f-lighting/SKILL.md) | Direct lights, environments, shadows |\n| [r3f-textures](skills/r3f-textures/SKILL.md) | Color spaces, UVs, sampling, render targets |\n| [r3f-loaders](skills/r3f-loaders/SKILL.md) | Assets, Suspense, decoders, caching, clones |\n| [r3f-animation](skills/r3f-animation/SKILL.md) | Delta-based motion, demand rendering, clip playback |\n| [r3f-shaders](skills/r3f-shaders/SKILL.md) | GLSL, uniforms, deformation, optional TSL |\n| [r3f-postprocessing](skills/r3f-postprocessing/SKILL.md) | Composer, selective bloom, depth, output color |\n| [r3f-interaction](skills/r3f-interaction/SKILL.md) | Pointer events, dragging, picking, controls |\n| [r3f-physics](skills/r3f-physics/SKILL.md) | Rapier bodies, colliders, simulation steps, joints |\n\nDescriptions guide skill selection; only relevant optional references should be loaded. Every skill is independently installable and tells the agent to inspect the consuming project's versions before choosing APIs.\n\n## Compatibility\n\nReviewed **2026-08-31** against current stable npm releases. Exact direct versions are pinned in [package.json](package.json), and transitive versions in [package-lock.json](package-lock.json).\n\n| Package | Verified fixture version |\n| --- | --- |\n| React / React DOM | 19.2.8 |\n| `@react-three/fiber` | 9.7.0 |\n| `@react-three/drei` | 10.7.8 |\n| `three` | 0.185.1 (r185) |\n| `@react-three/rapier` | 2.2.0 |\n| `@react-three/postprocessing` | 3.1.1 |\n| `postprocessing` | 6.39.4 |\n\nFiber 8 / React 18 remain a distinct legacy pairing; these fixtures do not test that stack. Fiber 10 alpha APIs are excluded. WebGPU/TSL recipes are optional and type-checked; the browser smoke suite targets WebGL and does not certify WebGPU compatibility.\n\nA compatible package range is not a promise that every feature combination works. The [maintenance notes](docs/maintenance.md) record coverage, known upstream warnings, and how to review updates.\n\n## Validate changes\n\nUse Node.js 22.12+ and the public npm registry (override a private corporate registry only for these commands if needed).\n\n```bash\nnpm ci --registry=https://registry.npmjs.org\nnpm run check\nnpx playwright install chromium\nnpm run test:browser\nnpm run check:releases\n```\n\n- `check` validates frontmatter and local skill references, warns above 200 entrypoint lines, and type-checks **all 18 TypeScript examples extracted directly from Markdown**.\n- `test:browser` renders the 11 main examples in Chromium with local generated assets, checks key behavior and remounts, and saves screenshots to ignored `output/playwright/`.\n- `check:releases` compares pinned versions with public npm stable dist-tags and reports affected skills. It does not install packages, rewrite skills, or mark a review complete.\n- `npm run dev` opens a local example gallery for visual inspection. Illustrative asset URLs are served by the validation harness; they are not bundled with installed skills.\n\n[CI](.github/workflows/validate.yml) runs the same structural, type, and browser checks on pushes and pull requests. Release monitoring remains a read-only command, not a scheduled auto-update.\n\n## Contributing\n\nKeep guidance that changes a decision, prevents a likely mistake, or demonstrates a necessary pattern. Prefer deleting generic tutorials and exhaustive API catalogs to moving them into references. Add sources for version-sensitive claims and update the fixtures when changing examples. See [the maintenance workflow](docs/maintenance.md).\n\n## License\n\nMIT — use freely in your projects.\n",
  "bytes": 4570,
  "sha": "2109da7ee50723226138fdb47544ce69d14752a9d379fbafb5e324affed12292",
  "repo_slug": "enzed/r3f-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_enzed_r3f_skills_r3f_loaders_b305c77a/readme"
}