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

Ready to run

npx skills add https://github.com/Michal-J-Kolodziej/WalkWithMe --skill visual-audit

💬 Prompt for ChatGPT / Claude Chat▼

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.