mp-review-design

Inspect websites across viewports to identify and fix visual design issues.

1|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/MartinoPolo/mxp-claude-code --skill mp-review-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mp-review-design
Source: https://github.com/MartinoPolo/mxp-claude-code/tree/main/skills/mp-review-design
Command: npx skills add https://github.com/MartinoPolo/mxp-claude-code --skill mp-review-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for web designs to identify and fix layout, typography, and accessibility issues across responsive viewports.

Core Features & Use Cases

  • Viewport testing across mobile, tablet, and desktop to detect responsive issues.
  • Automated screenshot and DOM snapshot capture to document UI state.
  • Issue triage with severity levels and actionable recommendations for designers and developers.
  • Reproducible workflow that integrates into design QA and CI processes.

Quick Start

Provide the URL of the site you want reviewed and let the tool run its automated visual inspection.

Frequently Asked Questions about mp-review-design

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

FAQPage Schema
How do I automate visual QA for responsive web design across different viewports?

Automated visual QA identifies layout, typography, and accessibility issues by performing cross-viewport inspection across mobile, tablet, and desktop breakpoints. It captures screenshots and DOM snapshots to document the UI state, categorizes issues by severity, and provides actionable fix recommendations for designers and developers.

What is the best way to capture and document UI state for frontend design review?

The best way to document UI state for design review is through automated screenshot and DOM snapshot capture during viewport testing. This process records the visual and structural state of the website across mobile, tablet, and desktop breakpoints, creating a reproducible workflow for issue triage.

Does automated cross-viewport inspection work for accessibility checks on existing websites?

Yes, automated cross-viewport inspection works for accessibility checks on existing websites. By providing the site URL, the tool runs a visual inspection that identifies accessibility issues alongside layout and typography problems, categorizing them with severity levels and actionable recommendations.

How do I start a responsive design review using screenshots and DOM snapshots?

To start a responsive design review, provide the URL of the site you want reviewed. The tool will automatically run cross-viewport inspection, capturing screenshots and DOM snapshots to detect responsive issues and generate a triage report with severity levels and fix recommendations.

Can I integrate automated web review workflows into my CI process?

Yes, you can integrate automated web review workflows into your CI process. The tool creates a reproducible workflow for design QA, capturing screenshots and DOM snapshots across viewports, and generating categorized issue reports that can be used to track and resolve visual design regressions automatically.