Audit UI pages, components, and breakpoints against a design-review checklist.
npx skills add https://github.com/shaneholloman/ship --skill design-review-shaneholloman
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/shaneholloman/ship/tree/main/design-review Command: npx skills add https://github.com/shaneholloman/ship --skill design-review-shaneholloman
Designer and developer teams often struggle to identify visual inconsistencies, spacing issues, and AI-generated slop in their UI. This Skill provides a structured, repeatable Design Audit process that surfaces defects and guides fixes across a live project.
Run the design-review workflow on your target project to begin a full design audit.
High-intent search queries and answers about installing and using this skill.
A UI design audit systematically reviews pages, components, and breakpoints against a checklist to surface visual and interaction inconsistencies. This process produces an actionable report with annotated screenshots to guide fixes and establish a cohesive design baseline.
To run a design review, provide a linked design system reference and access to your target URL or repository pages. The workflow executes phased audits from first impressions to cross-page consistency, ultimately generating a final design-audit report.
Yes, the design audit supports diff-aware scope. When running on a feature branch, it automatically audits only the pages and components affected by code changes, preserving time and focus while still generating a full design-audit report.
Yes, a linked design system reference is a required input to calibrate decisions against project standards. However, the audit can also extract a suggested design-system baseline during the process to help lock in future decisions.
The best way to identify spacing issues and AI-generated UI slop is a structured design audit. It applies a comprehensive review checklist across pages and breakpoints, extracting style findings and generating annotated screenshots for actionable fixes.
Limitations include the need for accessible target URLs or repository pages to generate screenshots. The audit scope is bounded by the provided design system reference, and diff-aware mode restricts reviews to only feature branch code changes.
Nikhil2005menariyaGenerate design systems and UX guidelines for web and mobile interfaces.
shihwesleyAudit live site typography, spacing, color, and interactive states across desktop and mobile.
samymityAutomate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.
hffmnnjCompare screenshots pixel-by-pixel to detect unintended UI changes.
