scottstts/threejs-awesome-graphics-agent-skills

threejs-visual-validation

Validate advanced Three.js graphics as authored systems rather than subjective screenshots.

Quelltext ansehen
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

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

  1. Freeze deterministic inputs.
  2. Capture the no-post baseline.
  3. Capture system-specific diagnostic views.
  4. Test the intended camera-distance envelope.
  5. Sweep representative seeds and parameter extremes.
  6. Test motion and temporal stability.
  7. Record image, geometry, memory, and timing budgets.
  8. 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.

aus demselben Repository

Weitere Skills

Alle Skills
scottstts
Community

threejs-atmosphere-aerial-perspective

Implement physically motivated sky and aerial-perspective systems in Three.js. Use for planetary atmospheres, ground-to-space transitions, Rayleigh/Mie scattering, precomputed LUTs, depth-based transmittance and inscattering, sun/moon discs, and atmosphere-aware lighting.

Installationen
2
GitHub Stars
911
Aktualisiert
15. Okt.
scottstts
Community

threejs-bloom

Implement production bloom in advanced Three.js scenes. Use for HDR signal ordering, bloom-node controls, dual selective bloom with guaranteed material restoration, scene-relative emissive hierarchy, and effect-isolation diagnostics.

Installationen
2
GitHub Stars
911
Aktualisiert
15. Okt.
scottstts
Community

threejs-camera-direction

Direct advanced Three.js camera systems. Use for scale-aware chase rigs, thrust lag, side/orbit cameras, body-relative up vectors, quaternion handoffs, authored cinematic framing, floating origins, pointer-look controls, camera collision constraints, projection ownership, and lifecycle restoration.

Installationen
2
GitHub Stars
911
Aktualisiert
15. Okt.
scottstts
Community

threejs-exposure-color-grading

Build a measured exposure and grading path in Three.js. Use for a 64x36 encoded luminance meter, asynchronous readback, weighted log-average exposure, asymmetric adaptation, single tone-map ownership, and a generated 32-cube post-tone-map LUT.

Installationen
2
GitHub Stars
911
Aktualisiert
15. Okt.