threejs-visual-validation

Community

Validate advanced Three.js WebGPU/TSL scenes with falsifiable visual contracts and performance metrics.

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.