mcpbeat

Threejs Visual Validation

scottstts/threejs-visual-validation

Validate advanced Three.js graphics as authored systems rather than subjective screenshots. Use for fixed-view visual contracts, field and pass diagnostics, no-post baselines, seed sweeps, camera-scale tests, temporal stability checks, GPU budgets, and regression evidence for procedural scenes.

3k tokens
context cost
the whole folder, loaded on every use
3
files
instructions only
0
copies elsewhere
how many repositories repackaged it
527
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-Skills --skill threejs-visual-validation

The instruction itself

5 sections, as written by the author

Visual Validation

Evaluate the mechanism that creates the image. A beautiful hero screenshot can hide unstable fields, broken depth, seed failures, or post-processing dependence.

Validation sequence

  • Freeze deterministic inputs.
  • Capture the no-post baseline.
  • Capture system-specific diagnostic views.
  • Test the intended camera-distance envelope.
  • Sweep representative seeds and parameter extremes.
  • Test motion and temporal stability.
  • Record image, geometry, memory, and timing budgets.
  • Keep a small regression set tied to visual invariants.

Read references/graphics-validation-protocol.md

for visual contracts, required inspection controls, mechanism-specific

evidence, temporal checks, budgets, and explicit rejection criteria.

Required evidence

  • fixed camera and seed manifest;
  • final and no-post captures;
  • field/pass diagnostic mosaic;
  • near, design, and far camera views;
  • at least one stress seed;
  • frame-time and render-target inventory;
  • written invariants and known compromises.

Failure conditions

  • approval relies on a single frame;
  • post-processing cannot be disabled per pass;
  • random seeds are not reproducible;
  • GPU time is inferred only from CPU frame time;
  • temporal artifacts are judged from still images;
  • comparison thresholds ignore intentional stochastic pixels without stabilizing them.

Routing boundary

This skill evaluates an implementation; it does not supply the implementation

mechanism. Load the subject or image-effect skill first, then use this protocol

to decide whether the result is acceptable.

How to use it

Copy the folder

Take scottstts/threejs-visual-validation from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.