[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-enzed-r3f-shaders-id":3,"guides-for-enzed-r3f-shaders":224,"similar-k17460ec61rvxev8rvpjvkcsm98664s8":225},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":22,"identity":190,"isFallback":195,"parentExtension":196,"providers":197,"relations":202,"repo":204,"workflow":221},1778053572007.0508,"k17460ec61rvxev8rvpjvkcsm98664s8",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"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",[15,16,17,18,19,20,21],"react","threejs","r3f","shaders","glsl","graphics","visualization",{"_creationTime":23,"_id":24,"extensionId":5,"locale":25,"result":26,"trustSignals":179,"workflow":188},1778053609759.014,"kn70kfcptf6pm4dxc5273r7yhs866n6e","en",{"checks":27,"evaluatedAt":169,"extensionSummary":170,"promptVersionExtension":171,"promptVersionScoring":172,"rationale":173,"score":174,"summary":175,"tags":176,"targetMarket":177,"tier":178},[28,33,36,39,43,46,51,55,58,61,65,69,72,76,79,82,85,88,91,94,98,102,106,111,115,118,121,124,128,131,134,137,140,143,147,150,153,156,159,162,166],{"category":29,"check":30,"severity":31,"summary":32},"Practical Utility","Problem relevance","pass","The description clearly names a concrete user problem: creating custom visual effects, modifying vertices, and writing fragment shaders using React Three Fiber.",{"category":29,"check":34,"severity":31,"summary":35},"Unique selling proposition","The extension provides specific patterns and examples for shaderMaterial and raw THREE.ShaderMaterial in React Three Fiber, which goes beyond basic LLM behavior by offering idiomatic and up-to-date R3F practices.",{"category":29,"check":37,"severity":31,"summary":38},"Production readiness","The extension provides comprehensive examples and patterns for creating and using shaders in R3F, covering the full lifecycle from definition to application in components.",{"category":40,"check":41,"severity":31,"summary":42},"Scope","Single responsibility principle","The extension focuses solely on React Three Fiber shaders, including GLSL, shaderMaterial, uniforms, and custom effects, without venturing into unrelated domains.",{"category":40,"check":44,"severity":31,"summary":45},"Description quality","The description is concise, readable, and accurately reflects the extension's functionality.",{"category":47,"check":48,"severity":49,"summary":50},"Invocation","Scoped tools","not_applicable","This extension does not expose tools or commands directly; it provides code patterns and examples for use within a React Three Fiber project.",{"category":52,"check":53,"severity":31,"summary":54},"Documentation","Configuration & parameter reference","All relevant parameters for shader materials, uniforms, and varying types are clearly documented with examples.",{"category":40,"check":56,"severity":49,"summary":57},"Tool naming","The extension does not define user-facing tools with specific names; it provides code examples.",{"category":40,"check":59,"severity":49,"summary":60},"Minimal I/O surface","This extension provides code examples and patterns rather than tools with I/O schemas.",{"category":62,"check":63,"severity":31,"summary":64},"License","License usability","The extension explicitly states 'MIT' license in the README, which is a permissive open-source license.",{"category":66,"check":67,"severity":49,"summary":68},"Maintenance","Commit recency","No commit history is available for this extension.",{"category":66,"check":70,"severity":49,"summary":71},"Dependency Management","The extension itself does not directly manage third-party dependencies; it provides examples using common R3F ecosystem packages.",{"category":73,"check":74,"severity":49,"summary":75},"Security","Secret Management","The extension does not handle or expose any secrets.",{"category":73,"check":77,"severity":31,"summary":78},"Injection","The extension provides code examples and does not load untrusted data or fetch remote content.",{"category":73,"check":80,"severity":31,"summary":81},"Transitive Supply-Chain Grenades","The extension includes all necessary code directly and does not fetch remote content at runtime.",{"category":73,"check":83,"severity":49,"summary":84},"Sandbox Isolation","This extension is code examples and does not execute in a sandboxed environment.",{"category":73,"check":86,"severity":49,"summary":87},"Sandbox escape primitives","The extension is code examples and does not involve detached processes or sandbox escapes.",{"category":73,"check":89,"severity":49,"summary":90},"Data Exfiltration","The extension provides code examples and does not make outbound calls.",{"category":73,"check":92,"severity":31,"summary":93},"Hidden Text Tricks","The bundled content is free of hidden-steering tricks and uses clean printable ASCII.",{"category":95,"check":96,"severity":31,"summary":97},"Hooks","Opaque code execution","The extension provides plain, readable source code examples.",{"category":99,"check":100,"severity":49,"summary":101},"Portability","Structural Assumption","The extension provides code examples that do not make structural assumptions about user projects.",{"category":103,"check":104,"severity":49,"summary":105},"Trust","Issues Attention","No issue tracking data is available.",{"category":107,"check":108,"severity":109,"summary":110},"Versioning","Release Management","warning","There is no explicit versioning information (e.g., version field, changelog) for this extension, and installation instructions might default to the main branch.",{"category":112,"check":113,"severity":49,"summary":114},"Code Execution","Validation","This extension provides code examples, not executable code with input validation requirements.",{"category":73,"check":116,"severity":49,"summary":117},"Unguarded Destructive Operations","The extension provides code examples and does not contain destructive operations.",{"category":112,"check":119,"severity":49,"summary":120},"Error Handling","This extension provides code examples, not executable scripts with error handling requirements.",{"category":112,"check":122,"severity":49,"summary":123},"Logging","The extension provides code examples and does not involve logging actions.",{"category":125,"check":126,"severity":49,"summary":127},"Compliance","GDPR","The extension provides code examples and does not process personal data.",{"category":125,"check":129,"severity":31,"summary":130},"Target market","The extension's content is technical code examples and documentation applicable globally, with no regional restrictions identified.",{"category":99,"check":132,"severity":31,"summary":133},"Runtime stability","The examples provided are standard JavaScript/TypeScript and GLSL that should run in typical R3F environments without OS-specific assumptions.",{"category":47,"check":135,"severity":31,"summary":136},"Precise Purpose","The description clearly states the purpose (React Three Fiber shaders) and provides specific use cases (visual effects, vertex modification, fragment shaders).",{"category":47,"check":138,"severity":31,"summary":139},"Concise Frontmatter","The frontmatter is concise, clearly states the extension's purpose, and includes relevant trigger phrases.",{"category":52,"check":141,"severity":31,"summary":142},"Concise Body","The skill body is well-structured, uses progressive disclosure for longer examples, and stays within a reasonable length.",{"category":144,"check":145,"severity":31,"summary":146},"Context","Progressive Disclosure","The SKILL.md file effectively uses progressive disclosure by embedding code examples and patterns directly, with longer code blocks clearly formatted.",{"category":144,"check":148,"severity":49,"summary":149},"Forked exploration","This extension provides code examples and patterns, not a workflow that involves exploration requiring a forked context.",{"category":29,"check":151,"severity":31,"summary":152},"Usage examples","The extension includes multiple comprehensive, ready-to-use code examples demonstrating various shader concepts and patterns.",{"category":29,"check":154,"severity":31,"summary":155},"Edge cases","The documentation covers various shader patterns, including common uniforms, varyings, and effects, implicitly handling edge cases through diverse examples.",{"category":112,"check":157,"severity":49,"summary":158},"Tool Fallback","This extension provides code examples and does not rely on external tools that require fallbacks.",{"category":99,"check":160,"severity":31,"summary":161},"Stack assumptions","The extension clearly assumes a standard React Three Fiber and Three.js environment, with examples using common R3F/Drei patterns.",{"category":163,"check":164,"severity":49,"summary":165},"Safety","Halt on unexpected state","This extension provides code examples and does not involve workflows with pre-conditions or state checks.",{"category":99,"check":167,"severity":31,"summary":168},"Cross-skill coupling","The extension is self-contained, providing R3F shader examples without implicit reliance on other skills.",1778053600490,"This extension provides code examples and patterns for creating and using custom shaders within React Three Fiber applications. It covers various shader techniques, including `shaderMaterial`, `THREE.ShaderMaterial`, uniforms, varyings, and common patterns like vertex displacement and Fresnel effects. The examples are designed to be integrated into R3F projects and leverage popular libraries like `@react-three/drei`.","2.0.0","3.4.0","This extension is highly polished, providing comprehensive and accurate examples for React Three Fiber shaders. The documentation is clear, code is well-organized, and it adheres to best practices, warranting a verified tier. The only minor deduction is the lack of explicit versioning information.",92,"A comprehensive guide to shaders in React Three Fiber, offering detailed examples and best practices.",[15,16,17,18,19,20,21],"global","verified",{"codeQuality":180,"collectedAt":181,"documentation":182,"maintenance":184,"security":185,"testCoverage":187},{},1778053590961,{"descriptionLength":183,"readmeSize":8},195,{},{"hasNpmPackage":186,"smitheryVerified":186},false,{"hasCi":186,"hasTests":186},{"updatedAt":189},1778053609759,{"githubOwner":191,"githubRepo":192,"locale":25,"slug":193,"type":194},"enzed","r3f-skills","r3f-shaders","skill",true,null,{"extract":198,"llm":201},{"commitSha":199,"license":200},"8ce187a05a5316cf19fb6cc020e30018a418e565","MIT",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"repoId":203},"kd7fm0ngr6axzqs9ck4nsz141n864ek3",{"_creationTime":205,"_id":203,"identity":206,"providers":208,"workflow":218},1777995558409.8987,{"githubOwner":191,"githubRepo":192,"sourceUrl":207},"https://github.com/enzed/r3f-skills",{"discover":209,"github":212},{"sources":210},[211],"skills-sh",{"closedIssues90d":8,"forks":213,"openIssues90d":8,"pushedAt":214,"readmeSize":215,"stars":216,"topics":217},6,1768943487000,2992,79,[],{"discoverAt":219,"extractAt":220,"githubAt":220,"updatedAt":220},1777995558409,1778053573142,{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},1778053572340,1778053572007,[],[226,247,266,287,307,327],{"_creationTime":227,"_id":228,"community":229,"display":230,"identity":239,"providers":241,"relations":245,"workflow":246},1778053572007.0479,"k179yffat29k81hb62xgqqdzen866bha",{"reviewCount":8},{"description":231,"name":232,"sourceUrl":233,"tags":234},"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",[15,16,17,235,236,237,238,20],"drei","3d","interaction","controls",{"githubOwner":191,"githubRepo":192,"locale":25,"slug":240,"type":194},"r3f-interaction",{"extract":242,"llm":243},{"commitSha":199,"license":200},{"promptVersionExtension":171,"promptVersionScoring":172,"score":244,"targetMarket":177,"tier":178},98,{"repoId":203},{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},{"_creationTime":248,"_id":249,"community":250,"display":251,"identity":258,"providers":260,"relations":264,"workflow":265},1778053572007.0493,"k17bt8xaxw3cer1k8ej1e23ppd8678e4",{"reviewCount":8},{"description":252,"installMethods":253,"name":254,"sourceUrl":255,"tags":256},"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",[15,16,17,235,257,236,20],"materials",{"githubOwner":191,"githubRepo":192,"locale":25,"slug":259,"type":194},"r3f-materials",{"extract":261,"llm":262},{"commitSha":199,"license":200},{"promptVersionExtension":171,"promptVersionScoring":172,"score":263,"targetMarket":177,"tier":178},95,{"repoId":203},{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},{"_creationTime":267,"_id":268,"community":269,"display":270,"identity":280,"providers":282,"relations":285,"workflow":286},1778053572007.0503,"k177fzdpbdg4gz9bvm9y4eng8n866vry",{"reviewCount":8},{"description":271,"installMethods":272,"name":273,"sourceUrl":274,"tags":275},"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",[276,17,277,20,278,279],"react-three-fiber","postprocessing","visual-effects","webgl",{"githubOwner":191,"githubRepo":192,"locale":25,"slug":281,"type":194},"r3f-postprocessing",{"extract":283,"llm":284},{"commitSha":199,"license":200},{"promptVersionExtension":171,"promptVersionScoring":172,"score":244,"targetMarket":177,"tier":178},{"repoId":203},{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},{"_creationTime":288,"_id":289,"community":290,"display":291,"identity":299,"providers":301,"relations":305,"workflow":306},1778053572007.0483,"k17d389d27stzwhkz503z8vt1s867cry",{"reviewCount":8},{"description":292,"installMethods":293,"name":294,"sourceUrl":295,"tags":296},"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",[15,16,17,235,297,236,279,298],"lighting","documentation",{"githubOwner":191,"githubRepo":192,"locale":25,"slug":300,"type":194},"r3f-lighting",{"extract":302,"llm":303},{"commitSha":199,"license":200},{"promptVersionExtension":171,"promptVersionScoring":172,"score":304,"targetMarket":177,"tier":178},88,{"repoId":203},{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},{"_creationTime":308,"_id":309,"community":310,"display":311,"identity":319,"providers":321,"relations":325,"workflow":326},1778053572007.0513,"k1799abvexzxjvnbqqberkvqcx867sa9",{"reviewCount":8},{"description":312,"installMethods":313,"name":314,"sourceUrl":315,"tags":316},"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",[276,17,317,235,318,20,279],"textures","three-js",{"githubOwner":191,"githubRepo":192,"locale":25,"slug":320,"type":194},"r3f-textures",{"extract":322,"llm":323},{"commitSha":199,"license":200},{"promptVersionExtension":171,"promptVersionScoring":172,"score":324,"targetMarket":177,"tier":178},85,{"repoId":203},{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},{"_creationTime":328,"_id":329,"community":330,"display":331,"identity":342,"providers":346,"relations":353,"workflow":355},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":332,"installMethods":333,"name":334,"sourceUrl":335,"tags":336},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[337,338,15,339,340,341],"scaffolding","cli","typescript","vite","ui",{"githubOwner":343,"githubRepo":344,"locale":25,"slug":345,"type":194},"frumu-ai","tandem","create-tandem-panel",{"extract":347,"llm":350,"smithery":352},{"commitSha":348,"license":349},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":171,"promptVersionScoring":172,"score":351,"targetMarket":177,"tier":178},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":186},{"repoId":354},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":356,"extractAt":357,"githubAt":358,"llmAt":359,"smitheryAt":356,"updatedAt":359},1777995723550,1777995614338,1777995614791,1777995897177]