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.