emalorenzo/three-agent-skills
2 skills1.2k installs52 starsGitHub
Install
npx skills add https://github.com/emalorenzo/three-agent-skillsSkills in this repo
1R3f Best Practicesr3f-best-practices is a checklist-style agent skill for solo builders shipping WebGL experiences with React Three Fiber and Drei. It organizes guidance into eight prioritized sections—performance and re-renders first, then useFrame animation, component primitives, Canvas configuration, Drei helpers, Suspense loading, Zustand state, and pointer events—so an agent audits code for the mistakes that cause jank and memory leaks. Critical rules call out never calling setState inside useFrame, using selectors and transient subscriptions, memoizing list children, disposing geometries on unmount, and toggling visibility instead of unmounting heavy meshes. Canvas and frameloop settings matter for battery and FPS; the skill pushes explicit gl, shadow, and event policies. When you are past the prototype glance and need production-grade 3D in a marketing site, product configurator, or lightweight game-like UI, invoke this skill during implementation and refactors rather than after users complain about stutter.605installs2Three Best PracticesThree Best Practices is an agent skill that encodes a large, priority-ordered rulebook for Three.js in production web apps. Solo and indie builders use it when they are adding WebGL heroes, product viewers, or lightweight games and need guardrails beyond copy-paste tutorials. The skill walks through foundational setup with import maps and renderer choice, then treats memory disposal and a single optimized animation loop as critical paths before draw-call and geometry buffer tactics. Material, texture, and compressed asset sections keep GPU memory and bandwidth predictable on mid-tier devices. It fits naturally during feature build and again before release when you profile jank or memory growth. Pair it with your component framework of choice; it does not replace art direction or backend APIs but keeps the 3D layer maintainable as scenes grow.571installs