emalorenzo/three-agent-skills
2 skills1.7k installs84 starsGitHub
Install
npx skills add https://github.com/emalorenzo/three-agent-skillsSkills in this repo
1R3f Best Practicesr3f-best-practices is a rule-driven skill in emalorenzo/three-agent-skills that enforces React Three Fiber conventions during agent-assisted 3D development. The readme organizes guidance into priority tiers covering performance and re-renders, useFrame animation, and component patterns, with named rules such as perf-zustand-selectors, frame-delta-time, and component-attach-prop. At least 22 explicit rules appear across the excerpted sections, spanning state isolation, transient subscriptions, dispose patterns, render-on-demand, and r3f-perf profiling. Developers reach for r3f-best-practices when agents generate R3F scenes that stutter, leak GPU resources, or misuse useFrame. The skill acts as a continuous linter mindset for WebGL React code rather than a one-time tutorial.915installs2Three Best Practicesthree-best-practices is an agent skill that automatically enforces Three.js performance and memory discipline during AI-assisted 3D web development. It organizes rules into priority tiers: Priority 0 covers modern setup with import maps, renderer choice, animation loops, and scene templates; Priority 1 mandates geometry, material, texture, render-target, and renderer dispose on unmount; Priority 2 optimizes render loops with single requestAnimationFrame, conditional rendering, delta time, frustum culling, and pixel ratio caps. Developers reach for three-best-practices when WebGL apps leak GPU memory, stutter from multiple RAF loops, or ship without proper dispose patterns. The bundled rule set spans 21+ named checks visible across setup, memory, and render sections.805installs