scottstts/threejs-awesome-graphics-agent-skills

threejs-visual-validation

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

ソースを見る
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

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.

同じリポジトリから

関連する Skills

すべての Skills
scottstts
コミュニティ

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.

導入数
1
GitHub Stars
805
更新日
9月10日
scottstts
コミュニティ

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.

導入数
1
GitHub Stars
805
更新日
9月10日
scottstts
コミュニティ

threejs-procedural-vegetation

Generate authored procedural trees, grass, ivy, flowers, and vegetation in Three.js or raw WebGPU. Use for surface-following vines, painted ivy paths, stylized or GPU grass, GPU-culled virtual flower fields, trunks, recursive branches, roots, canopies, leaf cards, species presets, deterministic growth, distance-tiered plant geometry, and rooted blade, stem, or petiole-hinge wind.

導入数
1
GitHub Stars
805
更新日
9月10日
scottstts
コミュニティ

threejs-procedural-vfx

Author production real-time VFX in Three.js. Use for filmic HDR lens-flare compositors, highlight-derived ghosts, field-angle pupil deformation, localized glare and bloom, raymarched aurora curtains, finite-footprint emissive slabs, uniform volume integration, equirectangular radiance probes, WebGPU voxel fire and smoke, coupled volumetric fluid fields, mesh-surface emitters, signed-distance fire collisions, ship-conforming reentry plasma, generated capsule wakes, instanced analytic sparks, timed dissolving debris, dense-swap effect pools, additive holographic projections, Fresnel rim shells, scanline banding, glitch displacement, swept shape-to-shape handovers, and explicit scene-relative HDR emission hierarchy.

導入数
1
GitHub Stars
805
更新日
9月10日