skills.rest
ngx-signal-forms
ngx-signal-formsOFFICIAL
Explore all skills by this author →
GitHub

web-design-reviewer

Identify and report visual design issues on web applications.

3|2|Updated Oct 9, 2025
Search Tags:#automation#accessibility#ui-ux#responsive-design#web-design#visual-review#layout-inspection
One-click install
npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill web-design-reviewer-ngx-signal-forms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/ngx-signal-forms/ngx-signal-forms/tree/main/.github/skills/web-design-reviewer
Command: npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill web-design-reviewer-ngx-signal-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual design review of websites to identify and fix UI/UX issues across layouts, accessibility, and consistency, ensuring designs meet standards before deployment.

Core Features & Use Cases

  • Automated visual inspection across pages and states to detect layout, spacing, and visual regressions.
  • Accessibility checks and WCAG conformance hints to improve inclusive design.
  • Responsive layout validation across common breakpoints and devices.
  • Source-code level guidance with actionable fix recommendations and re-verification steps.
  • Use Case: A design team reviews a running site on localhost and staging to generate a design-quality report with prioritized fixes.

Quick Start

Start a visual design review by pointing the tool at your running site and letting it identify issues and generate a prioritized report.

Frequently Asked Questions about web-design-reviewer

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

FAQPage Schema
How do I review UI design issues on a running web application?▼

To review UI design issues on a running web application, point the tool at your local, staging, or production site to perform an automated visual inspection. It identifies layout, spacing, and visual regressions while generating a structured report with actionable fixes.

What is automated visual inspection for web design?▼

Automated visual inspection for web design is a phase-based workflow that detects layout, accessibility, and consistency flaws across pages and states. It provides source-code level guidance to ensure designs meet standards before deployment.

Can I check WCAG conformance and responsive layouts for SPA frameworks like React?▼

Yes, you can check WCAG conformance and responsive layouts for SPA frameworks including React, Vue, Angular, and Svelte. The tool validates designs across common breakpoints and devices while providing inclusive design hints.

How do I fix visual regressions found during a website review?▼

To fix visual regressions found during a website review, follow the provided source-code level guidance with actionable fix recommendations. The workflow includes a re-verification phase to ensure the UI issues are resolved.

Does the visual review process work on CMS-backed static sites?▼

Yes, the visual review process works on CMS-backed static sites, multi-page apps, and SPA frameworks. It evaluates running sites across localhost, staging, or production environments to deliver actionable design recommendations.

Related Skills

Explore More Design & Creative Skills→
webmaxruwebmaxru

webapp-testing

Automate Playwright testing and debugging of local web applications in Node.js.

Community
Intermediate
shekerkammashekerkamma

qa

Test deployed web applications and fix bugs across visual, functional, UX, performance, and accessibility categories.

Community
Advanced
saajunaidsaajunaid

ui-review

Automate UI reviews for accessibility, branding, and design consistency.

Community
Advanced
ProjectEuropaProjectEuropa
4

wcag-audit-patterns

Identify WCAG 2.2 conformance issues and provide remediation guidance across web content.

Community
Advanced