skills.rest
Michal-J-Kolodziej
Michal-J-KolodziejCOMMUNITY
Explore all skills by this author →
GitHub

visual-audit

Inspect live web applications across viewports and generate a VISUAL_AUDIT.md report.

Updated Jan 21, 2026
Search Tags:#accessibility#ui-ux#quality-assurance#design-system#visual-audit#browser-inspection
One-click install
npx skills add https://github.com/Michal-J-Kolodziej/WalkWithMe --skill visual-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-audit
Source: https://github.com/Michal-J-Kolodziej/WalkWithMe/tree/main/.agent/skills/visual-audit
Command: npx skills add https://github.com/Michal-J-Kolodziej/WalkWithMe --skill visual-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and report UI/UX visual issues by inspecting a live web application in a browser.

Core Features & Use Cases

  • Systematic visual inspection of layouts, spacing, typography, interactivity, and accessibility across pages.
  • Provides a structured workflow for multi-viewport audits (mobile, desktop, tablet) and regression checks.
  • Generates a VISUAL_AUDIT.md report detailing findings and suggested fixes for each issue.

Quick Start

Open the app in a browser and begin the audit by inspecting mobile, desktop, and tablet viewports.

Frequently Asked Questions about visual-audit

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

FAQPage Schema
What is a browser-based visual audit and when do I need one for my web application?▼

A browser-based visual audit systematically identifies UI/UX issues by inspecting a live web application across mobile, desktop, and tablet viewports. You need one during major UI changes, regressions, or pre-release checks to catch layout and accessibility problems before deployment.

How do I perform a multi-viewport visual UI/UX inspection across different pages?▼

Perform a multi-viewport visual inspection by opening your live web app in a browser and applying a structured visual checklist across mobile, desktop, and tablet viewports. This systematic process evaluates layouts, spacing, typography, interactivity, and accessibility across multiple pages and components.

Can I generate a structured report of visual regressions and UI issues found during inspection?▼

Yes, you can generate a structured report of visual regressions and UI issues. The visual audit workflow outputs a VISUAL_AUDIT.md file detailing all identified layout, spacing, and typography findings alongside suggested fixes for each component and viewport.

Does this visual audit workflow support accessibility and design system checks across components?▼

Yes, the visual audit workflow supports accessibility and design system checks. It systematically inspects interactivity, typography, and spacing across multiple pages and components to ensure UI consistency and compliance with accessibility standards during regression checks.

What's the best way to catch pre-release UI layout issues without automated testing scripts?▼

The best way to catch pre-release UI layout issues without scripts is using a structured visual checklist in a browser inspection workflow. This method manually verifies layouts and typography across mobile, desktop, and tablet viewports, generating a detailed markdown report of findings and fixes.

Related Skills

Explore More Design & Creative Skills→
dev-giosdev-gios
1

qa-visual

Capture screenshots and analyze rendered elements for design system compliance.

Community
Advanced
bajajvinamrbajajvinamr

qa-only

Identify and document web application defects with reproducible steps and screenshots.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced
OzeroHAXOzeroHAX
32

testing-visual-regression

Compare current screenshots against baselines to detect UI discrepancies.

Community
Intermediate