[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-enzed-r3f-postprocessing-ko":3,"guides-for-enzed-r3f-postprocessing":223,"similar-k177fzdpbdg4gz9bvm9y4eng8n866vry":224},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":21,"identity":189,"isFallback":194,"parentExtension":195,"providers":196,"relations":201,"repo":203,"workflow":220},1778053572007.0503,"k177fzdpbdg4gz9bvm9y4eng8n866vry",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"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",[15,16,17,18,19,20],"react-three-fiber","r3f","postprocessing","graphics","visual-effects","webgl",{"_creationTime":22,"_id":23,"extensionId":5,"locale":24,"result":25,"trustSignals":178,"workflow":187},1778053609759.012,"kn7emar5rhqtt4e0v4tgj4cz3x866kt6","en",{"checks":26,"evaluatedAt":168,"extensionSummary":169,"promptVersionExtension":170,"promptVersionScoring":171,"rationale":172,"score":173,"summary":174,"tags":175,"targetMarket":176,"tier":177},[27,32,35,38,42,45,50,54,57,60,64,68,71,75,78,81,84,87,90,93,97,101,105,110,114,117,120,123,127,130,133,136,139,142,146,149,152,155,158,161,165],{"category":28,"check":29,"severity":30,"summary":31},"Practical Utility","Problem relevance","pass","The description clearly names a concrete user problem: adding visual effects, color grading, blur, glow, or custom screen-space shaders using React Three Fiber post-processing.",{"category":28,"check":33,"severity":30,"summary":34},"Unique selling proposition","The skill provides specific React Three Fiber patterns and examples for using @react-three/postprocessing, offering value beyond basic Three.js or R3F knowledge.",{"category":28,"check":36,"severity":30,"summary":37},"Production readiness","The skill provides a comprehensive set of examples and configurations for @react-three/postprocessing, covering common effects and custom shaders, which can be directly used in production workflows.",{"category":39,"check":40,"severity":30,"summary":41},"Scope","Single responsibility principle","The extension focuses exclusively on post-processing effects within React Three Fiber, aligning with its name and description without venturing into unrelated domains.",{"category":39,"check":43,"severity":30,"summary":44},"Description quality","The description is concise, readable, and accurately reflects the skill's capabilities and intended use case for React Three Fiber post-processing.",{"category":46,"check":47,"severity":48,"summary":49},"Invocation","Scoped tools","not_applicable","This skill does not expose distinct tools; it provides code examples and configurations for integrating a library. Therefore, the concept of scoped tools does not apply.",{"category":51,"check":52,"severity":30,"summary":53},"Documentation","Configuration & parameter reference","All parameters for common effects like Bloom, DepthOfField, Vignette, and EffectComposer are documented with their purpose, default values (implied or explicit), and usage examples.",{"category":39,"check":55,"severity":48,"summary":56},"Tool naming","This skill does not expose tools with names; it provides code examples and configurations. Therefore, tool naming conventions are not applicable.",{"category":39,"check":58,"severity":48,"summary":59},"Minimal I/O surface","As this skill primarily provides code examples and configurations rather than direct tools, the concept of minimal I/O surface for tools does not apply.",{"category":61,"check":62,"severity":30,"summary":63},"License","License usability","The README clearly states 'MIT - Use freely in your projects.', indicating a permissive open-source license.",{"category":65,"check":66,"severity":48,"summary":67},"Maintenance","Commit recency","The provided metadata indicates 'n/a' for the last commit date, and the repository files do not contain commit history. Therefore, commit recency cannot be evaluated.",{"category":65,"check":69,"severity":30,"summary":70},"Dependency Management","The README lists specific versions for core R3F packages, and the installation instructions provide clear npm commands, indicating good dependency management practices.",{"category":72,"check":73,"severity":48,"summary":74},"Security","Secret Management","The skill deals with visual effects and does not handle any secrets or credentials.",{"category":72,"check":76,"severity":30,"summary":77},"Injection","The skill provides code examples and configurations. There is no indication of loading or executing untrusted third-party data as instructions.",{"category":72,"check":79,"severity":30,"summary":80},"Transitive Supply-Chain Grenades","The skill provides code snippets and configurations that rely on installed npm packages. No remote code fetching or execution is present.",{"category":72,"check":82,"severity":48,"summary":83},"Sandbox Isolation","This skill provides code examples and configurations, not executable scripts that would interact with the file system or external environments.",{"category":72,"check":85,"severity":48,"summary":86},"Sandbox escape primitives","The skill consists of code examples and configurations, not scripts that could contain sandbox escape primitives.",{"category":72,"check":88,"severity":48,"summary":89},"Data Exfiltration","The skill focuses on visual effects and does not involve sending any data to third parties.",{"category":72,"check":91,"severity":30,"summary":92},"Hidden Text Tricks","The bundled files contain standard code and markdown, with no evidence of hidden text tricks, invisible characters, or other model-steering obfuscation.",{"category":94,"check":95,"severity":30,"summary":96},"Hooks","Opaque code execution","The provided code examples are standard TypeScript/JSX and JavaScript, with no obfuscation, minification, or runtime code fetching detected.",{"category":98,"check":99,"severity":48,"summary":100},"Portability","Structural Assumption","The skill provides code examples and configurations, not scripts that make assumptions about user project structure.",{"category":102,"check":103,"severity":48,"summary":104},"Trust","Issues Attention","The provided metadata indicates 'n/a' for issue counts. Thus, maintainer engagement cannot be evaluated.",{"category":106,"check":107,"severity":108,"summary":109},"Versioning","Release Management","info","The README mentions version compatibility for R3F, Drei, and Three.js, but there is no explicit version number for the skill itself in the manifest or CHANGELOG.",{"category":111,"check":112,"severity":48,"summary":113},"Code Execution","Validation","The skill provides code examples and configurations; it does not execute code or handle structured output that requires validation.",{"category":72,"check":115,"severity":48,"summary":116},"Unguarded Destructive Operations","This skill provides code examples and configurations, and does not involve any destructive operations.",{"category":111,"check":118,"severity":48,"summary":119},"Error Handling","The skill provides code examples and configurations, not executable scripts that require error handling.",{"category":111,"check":121,"severity":48,"summary":122},"Logging","This skill consists of code examples and configurations, not executable scripts that would require logging.",{"category":124,"check":125,"severity":48,"summary":126},"Compliance","GDPR","The skill focuses on visual effects and does not process any personal data.",{"category":124,"check":128,"severity":30,"summary":129},"Target market","The skill provides generic React Three Fiber post-processing examples that are applicable globally, with no regional limitations detected.",{"category":98,"check":131,"severity":30,"summary":132},"Runtime stability","The provided code examples are standard React/TypeScript and should be portable across different R3F environments, assuming the necessary libraries are installed.",{"category":46,"check":134,"severity":30,"summary":135},"Precise Purpose","The description clearly states the skill's purpose: applying post-processing effects to React Three Fiber scenes, and provides explicit examples of when to use it (adding visual effects, color grading, etc.).",{"category":46,"check":137,"severity":30,"summary":138},"Concise Frontmatter","The frontmatter (name and description) is concise and effectively summarizes the skill's core functionality and use cases.",{"category":51,"check":140,"severity":30,"summary":141},"Concise Body","The skill body is well-structured with clear sections for Quick Start, Installation, and individual effects, keeping the main instruction concise and delegating deeper material to examples.",{"category":143,"check":144,"severity":30,"summary":145},"Context","Progressive Disclosure","The SKILL.md outlines the main concepts and effects, with code examples demonstrating their usage, effectively employing progressive disclosure.",{"category":143,"check":147,"severity":48,"summary":148},"Forked exploration","This skill provides examples and configurations for post-processing effects and does not involve deep code exploration or research that would require forking.",{"category":28,"check":150,"severity":30,"summary":151},"Usage examples","The skill includes numerous end-to-end, ready-to-use code examples for various post-processing effects, clearly showing inputs and expected outcomes.",{"category":28,"check":153,"severity":30,"summary":154},"Edge cases","The documentation addresses various effects and their parameters, including performance tips and considerations like disabling effects or reducing resolution, which cover common operational considerations that could be seen as edge cases.",{"category":111,"check":156,"severity":48,"summary":157},"Tool Fallback","This skill does not rely on external tools like an MCP server and therefore has no fallback requirements.",{"category":98,"check":159,"severity":30,"summary":160},"Stack assumptions","The skill clearly assumes a React Three Fiber environment and specifies installation instructions for related packages like '@react-three/postprocessing', indicating its stack assumptions upfront.",{"category":162,"check":163,"severity":48,"summary":164},"Safety","Halt on unexpected state","This skill provides code examples and configurations; it does not involve workflows that have pre-states or destructive actions requiring a halt mechanism.",{"category":98,"check":166,"severity":30,"summary":167},"Cross-skill coupling","The skill focuses solely on post-processing within R3F and does not implicitly rely on or explicitly cross-link to other skills, making it self-contained.",1778053598649,"This skill demonstrates how to integrate and configure various post-processing effects from the '@react-three/postprocessing' library within a React Three Fiber (R3F) setup. It includes detailed code examples for common effects like Bloom, Depth of Field, Vignette, and custom shaders, along with explanations of parameters and performance considerations.","2.0.0","3.4.0","The skill is excellent, providing comprehensive examples and clear documentation for React Three Fiber post-processing. It adheres to all quality standards and has no significant issues.",98,"Provides comprehensive examples and guidance for implementing post-processing effects in React Three Fiber applications.",[15,16,17,18,19,20],"global","verified",{"codeQuality":179,"collectedAt":180,"documentation":181,"maintenance":183,"security":184,"testCoverage":186},{},1778053586702,{"descriptionLength":182,"readmeSize":8},192,{},{"hasNpmPackage":185,"smitheryVerified":185},false,{"hasCi":185,"hasTests":185},{"updatedAt":188},1778053609759,{"githubOwner":190,"githubRepo":191,"locale":24,"slug":192,"type":193},"enzed","r3f-skills","r3f-postprocessing","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,246,267,288,306,328],{"_creationTime":226,"_id":227,"community":228,"display":229,"identity":238,"providers":240,"relations":244,"workflow":245},1778053572007.0513,"k1799abvexzxjvnbqqberkvqcx867sa9",{"reviewCount":8},{"description":230,"installMethods":231,"name":232,"sourceUrl":233,"tags":234},"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",[15,16,235,236,237,18,20],"textures","drei","three-js",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":239,"type":193},"r3f-textures",{"extract":241,"llm":242},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":243,"targetMarket":176,"tier":177},85,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":247,"_id":248,"community":249,"display":250,"identity":260,"providers":262,"relations":265,"workflow":266},1778053572007.0479,"k179yffat29k81hb62xgqqdzen866bha",{"reviewCount":8},{"description":251,"name":252,"sourceUrl":253,"tags":254},"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",[255,256,16,236,257,258,259,18],"react","threejs","3d","interaction","controls",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":261,"type":193},"r3f-interaction",{"extract":263,"llm":264},{"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},{"_creationTime":268,"_id":269,"community":270,"display":271,"identity":280,"providers":282,"relations":286,"workflow":287},1778053572007.0498,"k172f8k699cv65h8dsg6mfv7c18676p9",{"reviewCount":8},{"description":272,"installMethods":273,"name":274,"sourceUrl":275,"tags":276},"React Three Fiber physics with Rapier - RigidBody, colliders, forces, joints, sensors. Use when adding physics simulation, collision detection, character controllers, or creating interactive physics-based experiences.",{},"React Three Fiber Physics (Rapier)","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-physics",[15,16,277,278,257,279,255],"physics","rapier","simulation",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":281,"type":193},"r3f-physics",{"extract":283,"llm":284},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":285,"targetMarket":176,"tier":177},95,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":289,"_id":290,"community":291,"display":292,"identity":299,"providers":301,"relations":304,"workflow":305},1778053572007.0493,"k17bt8xaxw3cer1k8ej1e23ppd8678e4",{"reviewCount":8},{"description":293,"installMethods":294,"name":295,"sourceUrl":296,"tags":297},"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",[255,256,16,236,298,257,18],"materials",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":300,"type":193},"r3f-materials",{"extract":302,"llm":303},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":285,"targetMarket":176,"tier":177},{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":307,"_id":308,"community":309,"display":310,"identity":320,"providers":322,"relations":326,"workflow":327},1778053572007.0464,"k171dh9s9xxj4tft7wwr81y1898660mq",{"reviewCount":8},{"description":311,"installMethods":312,"name":313,"sourceUrl":314,"tags":315},"React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.",{},"React Three Fiber Animation","https://github.com/enzed/r3f-skills/tree/HEAD/skills/r3f-animation",[15,16,237,316,317,277,318,319],"animation","gltf","javascript","typescript",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":321,"type":193},"r3f-animation",{"extract":323,"llm":324},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":325,"targetMarket":176,"tier":177},92,{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188},{"_creationTime":329,"_id":330,"community":331,"display":332,"identity":341,"providers":343,"relations":346,"workflow":347},1778053572007.0508,"k17460ec61rvxev8rvpjvkcsm98664s8",{"reviewCount":8},{"description":333,"installMethods":334,"name":335,"sourceUrl":336,"tags":337},"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",[255,256,16,338,339,18,340],"shaders","glsl","visualization",{"githubOwner":190,"githubRepo":191,"locale":24,"slug":342,"type":193},"r3f-shaders",{"extract":344,"llm":345},{"commitSha":198,"license":199},{"promptVersionExtension":170,"promptVersionScoring":171,"score":325,"targetMarket":176,"tier":177},{"repoId":202},{"anyEnrichmentAt":221,"extractAt":222,"githubAt":221,"llmAt":188,"updatedAt":188}]