threejs-visual-validation
CommunityValidate advanced Three.js WebGPU/TSL scenes with falsifiable visual contracts and performance metrics.
Software Engineering#performance optimization#resource management#Three.js#WebGPU#TSL#scene validation
Authorlinegel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive framework for validating advanced Three.js WebGPU/TSL scenes, ensuring visual correctness, performance, and resource management.
Core Features & Use Cases
- Visual Contract Validation: Ensures all visual invariants are met, including geometry, radiometry, and temporal reconstruction.
- Performance Metrics: Measures CPU/GPU timing, refresh-derived budgets, and quality-governor traces.
- Resource Management: Monitors and reports on tile-GPU resource models, visual-error metrics, and leak loops.
- Use Case: For an AI agent tasked with creating complex Three.js scenes, this Skill can validate the visual accuracy and performance of the scenes, ensuring they meet the required standards.
Quick Start
Use the threejs-visual-validation skill to validate the scene 'example-scene.js' with the following command: threejs-visual-validation validate example-scene.js.
Dependency Matrix
Required Modules
threewebgpu
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-visual-validation Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-visual-validation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.