skills.rest
ilya-makarov-dev
ilya-makarov-devCOMMUNITY
Explore all skills by this author →
GitHub

designer-qa

Execute full or targeted QA tests on reframe Platform UI and generated scenes.

15|3|Updated Apr 7, 2026
Search Tags:#qa#ui testing#visual regression#scene validation#platform automation
One-click install
npx skills add https://github.com/ilya-makarov-dev/Reframe --skill designer-qa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: designer-qa
Source: https://github.com/ilya-makarov-dev/Reframe/tree/main/.claude/skills/designer-qa
Command: npx skills add https://github.com/ilya-makarov-dev/Reframe --skill designer-qa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill enables comprehensive testing and auditing of the reframe Platform UI and scene output, helping identify bugs and regressions early.

Core Features & Use Cases

  • End-to-End UI Testing: Mimics a senior designer navigating and testing the platform, detecting layout and interaction bugs.
  • Scene Validation: Checks that the rendered scene matches expected states after user interactions.
  • Use Case: Run a QA sweep across the platform to find overlaps, broken links, or visual regressions after a new feature deployment.

Quick Start

Invoke the designer-qa skill and specify the target surface or request a full system sweep to check for bugs and regressions throughout the platform.

Frequently Asked Questions about designer-qa

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

FAQPage Schema
How do I automate UI testing to find visual regressions on the reframe platform?▼

Automate UI testing by simulating designer interactions and visual checks across the reframe platform, probing DOM elements and comparing rendered outputs to expected states to identify layout issues and visual regressions.

What is scene validation and how does it verify rendered outputs?▼

Scene validation checks that rendered scenes match expected states after user interactions. It compares rendered outputs to expected states to ensure UI integrity and scene consistency throughout the platform.

How do I run a full QA sweep to detect bugs and layout issues after a deployment?▼

Run a full QA sweep by invoking a targeted system test that mimics senior designer navigation, detecting layout overlaps, broken links, and visual regressions across the platform UI after new feature deployments.

Can I run targeted UI tests on specific platform surfaces instead of a full system sweep?▼

Yes, you can run targeted UI tests by specifying a target surface. This probes specific DOM elements and runs scripts to compare rendered outputs against expected states for focused regression detection.

Does platform automation for visual regression testing require external dependencies?▼

No external dependencies are required. The platform automation operates using internal scripts to simulate designer interactions, probe DOM elements, and execute visual checks for identifying bugs and regressions.

Related Skills

Explore More Design & Creative Skills→
kaeligkaelig
7

visual-reviewer

Compare rendered UI components against Figma design mockups across nine visual dimensions.

Community
Advanced
tranhieutttranhieutt
70

bug-report

Summarize bug descriptions into structured reports with reproduction steps and severity.

Community
Intermediate
kickthemoon0817kickthemoon0817
1

camera-viewport

Manage cameras and capture viewport images in 3D simulation environments.

Community
Intermediate
hnvcamhnvcam

patrol-e2e-testing

Generate and maintain Patrol end-to-end tests for Flutter applications.

Community
Intermediate