ui-review

Capture UI screenshots and compare them against visual standards.

1|Updated Jul 5, 2026
One-click install
npx skills add https://github.com/stoodder/materia --skill ui-review-stoodder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/stoodder/materia/tree/main/plugins/materia/skills/ui-review
Command: npx skills add https://github.com/stoodder/materia --skill ui-review-stoodder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires eyes, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the UI review process, ensuring visual consistency and catching inconsistencies before they become issues.

Core Features & Use Cases

  • Automated UI Review: Automatically reviews the UI of an application against visual standards.
  • Screenshot Capture: Captures screenshots and structural snapshots of the UI during review.
  • Use Case: Use this Skill to automatically review the UI of a new feature before it is merged into the main codebase, ensuring it adheres to the project's design standards.

Quick Start

Run the ui-review skill with the feature's spec slug to perform a UI review.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I automate visual regression testing to catch UI inconsistencies before merging new features?

Automated visual regression testing captures screenshots of your application's UI elements and compares them against established visual standards to detect inconsistencies. This ensures new features adhere to project design guidelines before they are merged into the main codebase.

What is a UI review workflow and how does it catch visual regressions in software development?

A UI review workflow systematically evaluates application interfaces by capturing screenshots and structural snapshots, then comparing them against visual standards. It catches visual regressions by identifying deviations from the design baseline before code deployment.

Do I need an Eyes environment to run automated visual consistency checks?

Yes, you need a provisioned Eyes environment to run automated visual consistency checks. The review process also requires a ui-test-plan.md file to define the parameters and standards for evaluating the application's interface.

Can I perform a screenshot comparison against design standards for a specific feature?

Yes, you can perform a screenshot comparison for a specific feature by running the review process with the feature's spec slug. This captures the necessary UI snapshots and compares them against the visual standards defined in your test plan.

What's the best way to integrate automated UI testing into a continuous integration pipeline?

Integrating automated UI testing involves triggering a screenshot capture and structural snapshot review against visual standards before code is merged. This requires configuring the review process to run with the feature's spec slug within your continuous integration workflow.

Why does visual consistency testing require a ui-test-plan.md file?

Visual consistency testing requires a ui-test-plan.md file to define the specific visual standards and elements that the automated review process evaluates. Without this file, the screenshot comparison lacks the baseline criteria needed to detect visual regressions accurately.