[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-enzed-r3f-interaction-es":3,"guides-for-enzed-r3f-interaction":223,"similar-k179yffat29k81hb62xgqqdzen866bha":224},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":22,"identity":189,"isFallback":194,"parentExtension":195,"providers":196,"relations":201,"repo":203,"workflow":220},1778053572007.0479,"k179yffat29k81hb62xgqqdzen866bha",[],{"reviewCount":8},0,{"description":10,"name":11,"sourceUrl":12,"tags":13},"React 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 Interaction","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-interaction",[14,15,16,17,18,19,20,21],"react","threejs","r3f","drei","3d","interaction","controls","graphics",{"_creationTime":23,"_id":24,"extensionId":5,"locale":25,"result":26,"trustSignals":178,"workflow":187},1778053609759.0022,"kn7acedt7kx2xbh34eqnmdf41x867g56","en",{"checks":27,"evaluatedAt":168,"extensionSummary":169,"promptVersionExtension":170,"promptVersionScoring":171,"rationale":172,"score":173,"summary":174,"tags":175,"targetMarket":176,"tier":177},[28,33,36,39,43,46,50,54,57,60,64,69,72,76,79,82,85,88,91,94,98,102,106,110,114,117,120,123,127,130,133,136,139,142,146,149,152,155,158,161,165],{"category":29,"check":30,"severity":31,"summary":32},"Practical Utility","Problem relevance","pass","The description clearly states the problem of handling user input and creating interactive 3D experiences with React Three Fiber.",{"category":29,"check":34,"severity":31,"summary":35},"Unique selling proposition","The extension provides specific R3F interaction patterns, controls, and selection systems that go beyond basic prompt engineering for 3D experiences.",{"category":29,"check":37,"severity":31,"summary":38},"Production readiness","The extension covers a comprehensive set of interaction and control mechanisms for R3F, enabling the creation of complete interactive 3D experiences.",{"category":40,"check":41,"severity":31,"summary":42},"Scope","Single responsibility principle","The extension focuses solely on React Three Fiber interaction, controls, and selection, without extending into unrelated domains.",{"category":40,"check":44,"severity":31,"summary":45},"Description quality","The description accurately reflects the capabilities of the extension, covering pointer events, controls, gestures, and selection within R3F.",{"category":47,"check":48,"severity":31,"summary":49},"Invocation","Scoped tools","The extension primarily utilizes specific R3F event handlers and Drei components, which act as scoped tools for interaction.",{"category":51,"check":52,"severity":31,"summary":53},"Documentation","Configuration & parameter reference","Detailed examples and parameter descriptions are provided for various controls like OrbitControls, MapControls, and TransformControls.",{"category":40,"check":55,"severity":31,"summary":56},"Tool naming","Tooling is presented via R3F components and event handlers, which are inherently descriptive within the R3F ecosystem.",{"category":40,"check":58,"severity":31,"summary":59},"Minimal I/O surface","Event handlers and control components within R3F/Drei have well-defined inputs and outputs relevant to their specific interaction task.",{"category":61,"check":62,"severity":31,"summary":63},"License","License usability","The extension is explicitly licensed under MIT, which is a permissive open-source license.",{"category":65,"check":66,"severity":67,"summary":68},"Maintenance","Commit recency","not_applicable","No commit history is available for this evaluation.",{"category":65,"check":70,"severity":67,"summary":71},"Dependency Management","No external dependencies are explicitly managed within this skill's code, as it relies on the user's R3F project dependencies.",{"category":73,"check":74,"severity":67,"summary":75},"Security","Secret Management","The skill does not handle any secrets or sensitive credentials.",{"category":73,"check":77,"severity":31,"summary":78},"Injection","The skill demonstrates R3F patterns, which inherently treat user-provided data within the React reconciliation process and do not execute arbitrary code from external sources.",{"category":73,"check":80,"severity":31,"summary":81},"Transitive Supply-Chain Grenades","All code examples are self-contained within the provided React components and do not fetch external scripts or data at runtime.",{"category":73,"check":83,"severity":31,"summary":84},"Sandbox Isolation","The examples provided are React components that operate within the browser's JavaScript environment and do not modify files outside of the project context.",{"category":73,"check":86,"severity":31,"summary":87},"Sandbox escape primitives","No detached processes or retry loops around denied tool calls are present in the provided examples.",{"category":73,"check":89,"severity":31,"summary":90},"Data Exfiltration","The skill focuses on UI interactions and does not make any outbound calls that could exfiltrate data.",{"category":73,"check":92,"severity":31,"summary":93},"Hidden Text Tricks","The bundled files do not contain any hidden text tricks, invisible characters, or obfuscated instructions.",{"category":95,"check":96,"severity":31,"summary":97},"Hooks","Opaque code execution","The provided code examples are standard, readable TypeScript/JSX and do not involve obfuscation, base64 payloads, or runtime script fetching.",{"category":99,"check":100,"severity":67,"summary":101},"Portability","Structural Assumption","The skill does not make assumptions about user-specific project organization beyond standard React project structures.",{"category":103,"check":104,"severity":67,"summary":105},"Trust","Issues Attention","No issue tracker information is available for this evaluation.",{"category":107,"check":108,"severity":67,"summary":109},"Versioning","Release Management","No versioning information (manifest version, release tags, changelog) is available for this skill.",{"category":111,"check":112,"severity":31,"summary":113},"Code Execution","Validation","React Three Fiber and Drei handle event parameters and component props with type safety, effectively validating inputs.",{"category":73,"check":115,"severity":31,"summary":116},"Unguarded Destructive Operations","The skill primarily deals with UI interactions and does not contain any destructive operations.",{"category":111,"check":118,"severity":31,"summary":119},"Error Handling","React and R3F's component-based structure and event handling provide robust error management for UI interactions.",{"category":111,"check":121,"severity":67,"summary":122},"Logging","The skill does not perform destructive actions or outbound calls that would require local audit logging.",{"category":124,"check":125,"severity":67,"summary":126},"Compliance","GDPR","The skill does not operate on personal data.",{"category":124,"check":128,"severity":31,"summary":129},"Target market","The extension is globally applicable as it deals with general 3D interaction patterns in React Three Fiber.",{"category":99,"check":131,"severity":31,"summary":132},"Runtime stability","The examples use standard React and R3F patterns, ensuring broad compatibility across different JavaScript runtimes and environments.",{"category":47,"check":134,"severity":31,"summary":135},"Precise Purpose","The description clearly states the purpose of handling R3F interactions and provides specific use cases.",{"category":47,"check":137,"severity":31,"summary":138},"Concise Frontmatter","The frontmatter is concise and accurately summarizes the skill's core capability.",{"category":51,"check":140,"severity":31,"summary":141},"Concise Body","The SKILL.md body is well-structured with clear sections and code examples, staying within a reasonable length.",{"category":143,"check":144,"severity":31,"summary":145},"Context","Progressive Disclosure","The SKILL.md uses clear sections and code blocks to present information progressively, without embedding excessively large amounts of material.",{"category":143,"check":147,"severity":67,"summary":148},"Forked exploration","This skill is not an exploration-style skill; it provides direct interaction patterns.",{"category":29,"check":150,"severity":31,"summary":151},"Usage examples","The skill provides comprehensive and working examples for all its major interaction and control capabilities.",{"category":29,"check":153,"severity":31,"summary":154},"Edge cases","The documentation implicitly handles edge cases through R3F's event system and provides clear examples for common interaction scenarios.",{"category":111,"check":156,"severity":67,"summary":157},"Tool Fallback","This skill does not rely on external tools like MCP servers; it uses standard R3F/Drei functionalities.",{"category":99,"check":159,"severity":31,"summary":160},"Stack assumptions","The skill clearly assumes a React/R3F/Three.js environment and specifies relevant packages like `@react-three/drei` and `@use-gesture/react`.",{"category":162,"check":163,"severity":31,"summary":164},"Safety","Halt on unexpected state","Standard React error boundaries and R3F's declarative nature provide a robust mechanism for halting on unexpected states.",{"category":99,"check":166,"severity":31,"summary":167},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills, though it references related R3F skills in its 'See Also' section.",1778053586457,"This skill details how to implement pointer events, various camera controls (Orbit, Map, Fly, etc.), transform gizmos, drag and drop functionality, keyboard controls, and selection systems using React Three Fiber and related libraries like Drei and use-gesture. It includes code examples for event handling, custom logic, and integrating with R3F's declarative rendering.","2.0.0","3.4.0","The extension is highly polished, providing comprehensive and accurate documentation with runnable examples for React Three Fiber interactions and controls. It adheres to best practices, security standards, and has a clear, well-defined scope.",98,"This skill provides comprehensive documentation and examples for handling user interactions, camera controls, and selection within React Three Fiber applications.",[14,15,16,17,18,19,20,21],"global","verified",{"codeQuality":179,"collectedAt":180,"documentation":181,"maintenance":183,"security":184,"testCoverage":186},{},1778053573851,{"descriptionLength":182,"readmeSize":8},202,{},{"hasNpmPackage":185,"smitheryVerified":185},false,{"hasCi":185,"hasTests":185},{"updatedAt":188},1778053609759,{"githubOwner":190,"githubRepo":191,"locale":25,"slug":192,"type":193},"enzed","r3f-skills","r3f-interaction","skill",true,null,{"extract":197,"llm":200},{"commitSha":198,"license":199},"8ce187a05a5316cf19fb6cc020e30018a418e565","MIT",{"promptVersionExtension":170,"promptVersionScoring":171,"score":173,"targetMarket":176,"tier":177},{"repoId":202},"kd7fm0ngr6axzqs9ck4nsz141n864ek3",{"_creationTime":204,"_id":202,"identity":205,"providers":207,"workflow":217},1777995558409.8987,{"githubOwner":190,"githubRepo":191,"sourceUrl":206},"https://github.com/enzed/r3f-skills",{"discover":208,"github":211},{"sources":209},[210],"skills-sh",{"closedIssues90d":8,"forks":212,"openIssues90d":8,"pushedAt":213,"readmeSize":214,"stars":215,"topics":216},6,1768943487000,2992,79,[],{"discoverAt":218,"extractAt":219,"githubAt":219,"updatedAt":219},1777995558409,1778053573142,{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},1778053572340,1778053572007,[],[225,244,265,286,306,326],{"_creationTime":226,"_id":227,"community":228,"display":229,"identity":236,"providers":238,"relations":242,"workflow":243},1778053572007.0493,"k17bt8xaxw3cer1k8ej1e23ppd8678e4",{"reviewCount":8},{"description":230,"installMethods":231,"name":232,"sourceUrl":233,"tags":234},"React 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 Materials","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-materials",[14,15,16,17,235,18,21],"materials",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":237,"type":193},"r3f-materials",{"extract":239,"llm":240},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":241,"targetMarket":176,"tier":177},95,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":245,"_id":246,"community":247,"display":248,"identity":257,"providers":259,"relations":263,"workflow":264},1778053572007.0483,"k17d389d27stzwhkz503z8vt1s867cry",{"reviewCount":8},{"description":249,"installMethods":250,"name":251,"sourceUrl":252,"tags":253},"React Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or optimizing lighting performance.",{},"React Three Fiber Lighting","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-lighting",[14,15,16,17,254,18,255,256],"lighting","webgl","documentation",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":258,"type":193},"r3f-lighting",{"extract":260,"llm":261},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":262,"targetMarket":176,"tier":177},88,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":266,"_id":267,"community":268,"display":269,"identity":278,"providers":280,"relations":284,"workflow":285},1778053572007.0508,"k17460ec61rvxev8rvpjvkcsm98664s8",{"reviewCount":8},{"description":270,"installMethods":271,"name":272,"sourceUrl":273,"tags":274},"React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.",{},"React Three Fiber Shaders","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-shaders",[14,15,16,275,276,21,277],"shaders","glsl","visualization",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":279,"type":193},"r3f-shaders",{"extract":281,"llm":282},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":283,"targetMarket":176,"tier":177},92,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":287,"_id":288,"community":289,"display":290,"identity":298,"providers":300,"relations":304,"workflow":305},1778053572007.0474,"k17cj2nvh8x9nx7pps6dsy3cyn8679gt",{"reviewCount":8},{"description":291,"installMethods":292,"name":293,"sourceUrl":294,"tags":295},"React 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 Geometry","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-geometry",[14,16,296,297,18,17],"three-js","geometry",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":299,"type":193},"r3f-geometry",{"extract":301,"llm":302},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":303,"targetMarket":176,"tier":177},90,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":307,"_id":308,"community":309,"display":310,"identity":318,"providers":320,"relations":324,"workflow":325},1778053572007.0513,"k1799abvexzxjvnbqqberkvqcx867sa9",{"reviewCount":8},{"description":311,"installMethods":312,"name":313,"sourceUrl":314,"tags":315},"React 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.",{},"React Three Fiber Textures","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-textures",[316,16,317,17,296,21,255],"react-three-fiber","textures",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":319,"type":193},"r3f-textures",{"extract":321,"llm":322},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":323,"targetMarket":176,"tier":177},85,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":327,"_id":328,"community":329,"display":330,"identity":338,"providers":340,"relations":343,"workflow":344},1778053572007.0503,"k177fzdpbdg4gz9bvm9y4eng8n866vry",{"reviewCount":8},{"description":331,"installMethods":332,"name":333,"sourceUrl":334,"tags":335},"React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.",{},"React Three Fiber Post-Processing","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-postprocessing",[316,16,336,21,337,255],"postprocessing","visual-effects",{"githubOwner":190,"githubRepo":191,"locale":25,"slug":339,"type":193},"r3f-postprocessing",{"extract":341,"llm":342},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":173,"targetMarket":176,"tier":177},{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188}]