viewport

Verify SpawnForge editor rendering via Playwright viewport checks of canvas and scene graph.

5|1|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/Tristan578/project-forge --skill viewport
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: viewport
Source: https://github.com/Tristan578/project-forge/tree/main/.claude/skills/viewport
Command: npx skills add https://github.com/Tristan578/project-forge --skill viewport

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visually verify the SpawnForge editor renders correctly by validating the canvas readback, scene graph state, and WebGPU/WebGL2 output across the editor lifecycle.

Core Features & Use Cases

  • Validate that editor-rendered scenes correctly display spawned entities and reflect scene graph state.
  • Verify end-to-end rendering pipeline via Playwright-based viewport checks, canvas captures, and backend compatibility.
  • Use after engine changes, during visual regression testing, or whenever rendering fidelity must be guarded.

Quick Start

Run a Playwright-based visual check to boot the editor and confirm the canvas renders the expected state.

Frequently Asked Questions about viewport

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

FAQPage Schema
How do I verify canvas rendering output across different graphics backends?▼

Verify canvas rendering output by performing Playwright-driven viewport checks alongside WebGPU and WebGL2 backend validation to ensure visual stability across graphics pipelines.

What is the best way to detect visual regressions after engine changes?▼

Detect visual regressions after engine changes by running automated viewport checks that capture canvas readbacks and inspect scene graph state to ensure rendering correctness.

Can I use Playwright to automate visual regression testing for a scene graph?▼

Yes, you can use Playwright to automate visual regression testing by booting the editor, capturing canvas readbacks, and verifying that spawned entities reflect the expected scene graph state.

How do I validate that spawned entities display correctly in the editor viewport?▼

Validate spawned entities by performing viewport checks that compare canvas captures against expected scene graph state, ensuring the rendering pipeline correctly displays all spawned objects.

When should I run automated viewport checks during the editor lifecycle?▼

Run automated viewport checks after engine changes, during visual regression testing, or whenever rendering fidelity must be verified across Playwright-driven tests to detect visual instabilities.