scena-renderer-quality

Automate scena renderer test validation across headless and browser CI targets.

18|1|Updated May 7, 2026
One-click install
npx skills add https://github.com/johannesPettersson80/scena --skill scena-renderer-quality
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scena-renderer-quality
Source: https://github.com/johannesPettersson80/scena/tree/main/.codex/skills/scena-renderer-quality
Command: npx skills add https://github.com/johannesPettersson80/scena --skill scena-renderer-quality

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams ensure renderer tests are added and reviewed with consistent visual proofs, browser/WASM checks, and reliable evidence for color, capability, and resource-lifetime validation.

Core Features & Use Cases

  • Establishes a standardized renderer-quality evidence suite to gate changes.
  • Guides headless screenshot generation, pixel-difference tolerances, and per-backend validation.
  • Supports CI gates and remote-build workflows for deterministic rendering checks.

Quick Start

Add a focused renderer-quality test and attach it to the unit's evidence workflow.

Frequently Asked Questions about scena-renderer-quality

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual proof collection for renderer tests in CI pipelines?

Automating visual proof collection for renderer tests requires generating headless screenshots and applying pixel-difference tolerances to gate CI changes. This workflow establishes standardized evidence artifacts for color and capability validation across browser and WASM targets.

What is per-backend pixel-tolerance validation for WASM and headless rendering?

Per-backend pixel-tolerance validation checks visual outputs by applying configurable color difference thresholds across WASM and headless browser targets. It ensures deterministic rendering checks by capturing documented evidence artifacts for each specific backend environment.

How do I set up test-first workflows for renderer color and resource lifetime checks?

Setting up test-first workflows for renderer checks involves adding focused tests to a unit's evidence workflow before implementation. This validates color accuracy, capabilities, and resource lifetimes using headless screenshot generation and per-backend pixel-difference checks.

Does this renderer testing approach support remote-build workflows for deterministic checks?

Yes, the renderer testing approach supports remote-build workflows for deterministic rendering checks. It integrates with CI gates to validate headless browser and WASM targets, ensuring consistent visual proofs and evidence artifacts across distributed build environments.

What are the limitations of using headless screenshots for visual regression testing?

Headless screenshots for visual regression testing require careful pixel-tolerance configuration to avoid false positives from rendering variations. Limitations include per-backend differences between WASM and browser targets, necessitating standardized evidence workflows to gate changes reliably.