skills.rest
VictorAurelius
VictorAureliusCOMMUNITY
Explore all skills by this author →
GitHub

ui-review

Capture and score web application UI/UX before and after code changes.

Updated Aug 27, 2026
Search Tags:#quality assurance#code review#ui/ux#frontend development#screenshot comparison
One-click install
npx skills add https://github.com/VictorAurelius/2026-AI-Agent-Personal --skill ui-review-victoraurelius
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/VictorAurelius/2026-AI-Agent-Personal/tree/main/.claude/skills/quality/ui-review
Command: npx skills add https://github.com/VictorAurelius/2026-AI-Agent-Personal --skill ui-review-victoraurelius

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the UI/UX quality checks for web applications after any code change, ensuring a consistent user experience.

Core Features & Use Cases

  • Automated UI/UX Audits: Runs automatically after every frontend pull request to capture screenshots and score UI/UX.
  • Before/After Screenshots: Provides before and after screenshots to visually demonstrate changes.
  • Scoring Rubric: Offers a detailed scoring system based on technical, design heuristics, visual aesthetics, user friendliness, and WCAG accessibility.

Quick Start

Run the ui-review skill to generate a UI/UX report after a code change.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I automate UI/UX quality checks after frontend code changes?▼

Automate UI/UX quality checks by capturing before and after screenshots of web applications post-PR merges, then scoring them against predefined criteria to ensure consistent user experience.

What is automated screenshot comparison for frontend pull requests?▼

Automated screenshot comparison for frontend pull requests captures web application states before and after code changes, generating a visual diff and a detailed UI/UX scoring report.

How does automated UI scoring handle WCAG accessibility and design heuristics?▼

Automated UI scoring evaluates WCAG accessibility, technical structure, visual aesthetics, and user friendliness by applying a predefined rubric to captured web application screenshots.

Can I run automated UI audits automatically after every frontend pull request?▼

Yes, you can run automated UI audits after every frontend pull request by executing the required screenshot capture scripts to evaluate post-merge UI/UX quality.

Do I need specific scripts to capture screenshots for automated UI review?▼

Yes, automated UI review requires scripts to capture before and after screenshots of web applications, which are then scored according to predefined UI/UX criteria.

What is the best way to visually demonstrate UI changes post-PR merges?▼

The best way to visually demonstrate UI changes post-PR merges is by capturing before and after screenshots, allowing direct visual comparison of the web application's state.

Related Skills

Explore More Software Engineering Skills→
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
EwallywEwallyw

visual-verdict

Compare screenshots against reference images and output JSON verdicts.

Community
Advanced
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
92Bilal2692Bilal26

ux-evaluator

Evaluate UI components against UX best practices using Position, Visual Weight, and Spacing.

Community
Basic