{
  "markdown": "# Three Agent Skills\n\nAI coding agent skills for Three.js and React Three Fiber development.\n\nSkills follow the [Agent Skills](https://agentskills.io/) specification.\n\n## Installation\n\n```bash\nnpx add-skill three-agent-skills\n```\n\nOr from GitHub directly:\n\n```bash\nnpx add-skill emalorenzo/three-agent-skills\n```\n\n### List available skills\n\n```bash\nnpx add-skill three-agent-skills --list\n```\n\n### Install specific skill\n\n```bash\nnpx add-skill three-agent-skills --skill three-best-practices\nnpx add-skill three-agent-skills --skill r3f-best-practices\n```\n\n## Available Skills\n\n### three-best-practices\n\nPure Three.js optimization guidelines. 100+ rules across 17 categories.\n\n**Use when:**\n- Writing Three.js code\n- Optimizing WebGL/WebGPU performance\n- Managing memory and disposal\n- Writing shaders (GLSL or TSL)\n- Building VR/AR experiences with WebXR\n- Integrating physics engines\n- Optimizing for mobile devices\n\n**Categories:**\n- Modern Setup & Imports (Import Maps, renderers)\n- Memory Management & Dispose (CRITICAL)\n- Render Loop Optimization (CRITICAL)\n- Geometry & Buffer Management\n- Material & Texture Optimization\n- Lighting & Shadows\n- Scene Graph Organization\n- Shader Best Practices (GLSL)\n- TSL - Three.js Shading Language (complete reference, post-processing, compute shaders)\n- Loading & Assets (GLTF, DRACO, Meshopt, KTX2)\n- Camera & Controls\n- Animation System (Mixer, blending, morph targets, skeletal)\n- Physics Integration (Rapier, Cannon-es)\n- WebXR / VR / AR\n- Audio (Spatial, HRTF)\n- Mobile Optimization\n- Production (Error handling, migration checklist)\n- Debug & DevTools\n\n### r3f-best-practices\n\nReact Three Fiber and Poimandres ecosystem best practices. 60+ rules across 11 categories.\n\n**Use when:**\n- Writing R3F components\n- Optimizing R3F performance (re-renders)\n- Using Drei helpers\n- Managing state with Zustand\n- Implementing physics or post-processing\n\n**Ecosystem coverage:**\n- @react-three/fiber\n- @react-three/drei\n- @react-three/postprocessing\n- @react-three/rapier\n- zustand\n- leva\n\n**Categories:**\n- Performance & Re-renders (CRITICAL)\n- useFrame & Animation (CRITICAL)\n- Component Patterns\n- Canvas & Setup\n- Drei Helpers\n- Loading & Suspense\n- State Management\n- Events & Interaction\n- Post-processing\n- Physics (Rapier)\n- Leva (Debug GUI)\n\n## Usage Examples\n\nOnce installed, the agent uses skills automatically based on context:\n\n```\nReview my entire Three.js app and give me a score from 1 to 100.\nExplain what's good, what needs improvement, and provide actionable fixes.\n```\n\n```\nHelp me set up a Three.js scene with proper memory management\n```\n\n```\nReview my R3F component for performance issues\n```\n\n```\nHow do I load GLTF models with Drei?\n```\n\n```\nOptimize my shader for mobile devices\n```\n\n```\nSet up WebXR for my VR experience\n```\n\n```\nImplement GPU particles with compute shaders\n```\n\n```\nIntegrate Rapier physics with my Three.js scene\n```\n\n## Supported Agents\n\nWorks with any agent that supports the [Agent Skills](https://agentskills.io/) spec:\n\n- Claude Code\n- Cursor\n- Codex\n- OpenCode\n- VS Code Copilot\n- And more...\n\n## Documentation\n\n- Full Three.js guide: [THREE_BEST_PRACTICES.md](./THREE_BEST_PRACTICES.md)\n- Full R3F guide: [R3F_BEST_PRACTICES.md](./R3F_BEST_PRACTICES.md)\n- Creating skills: [CLAUDE.md](./CLAUDE.md)\n\n## License\n\nMIT\n",
  "bytes": 3308,
  "sha": "2ad88a9585c2a03f040329a0872f5ca348053afe3b52b51d92128c1948101d81",
  "repo_slug": "emalorenzo/three-agent-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_emalorenzo_three_agent_skills_three_best_9c63ab95/readme"
}