Audit live sites for typography, spacing, color, and layout against a design system.
npx skills add https://github.com/soyasis/gstack-private --skill design-review-soyasis
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/soyasis/gstack-private/tree/main/design-review Command: npx skills add https://github.com/soyasis/gstack-private --skill design-review-soyasis
Audits live sites for visual quality according to typography, spacing, hierarchy, color, and interaction guidelines, and guides fixes to achieve consistent, polished interfaces.
Provide a target URL and scope (Full site, Focused pages, or Quick/Deep) to start the audit and generate a report with annotated screenshots and fixes.
High-intent search queries and answers about installing and using this skill.
To audit live web pages for visual design quality, provide a target URL and scope to evaluate typography, spacing, color, and layout. This generates a report with actionable fixes and before/after evidence for consistent interfaces.
A visual QA audit for frontend design evaluates live sites against typography, spacing, hierarchy, and color guidelines. You need one to identify pixel-perfect design inconsistencies and guide actionable fixes for polished interfaces.
You can review a full site or focused pages for design system compliance by choosing your scope and depth. The audit applies the chosen parameters across pages to produce structured output with annotated screenshots and fixes.
To fix typography and spacing issues found during a UI design audit, follow the actionable recommendations and atomic fixes provided in the report. These include before/after verification to ensure design-system calibration and improved readability.
The best way to plan design fixes before implementation is using plan-mode design review. It provides upfront planning with atomic fixes and before/after verification to achieve consistent, polished interfaces without disrupting existing layouts.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
legotec73Audit live websites for visual issues and apply atomic code fixes.
ralphjohn29Audit frontend UI/UX quality with Playwright MCP and generate markdown reports.
JansenAnalyticsAnalyze frontend screenshots to detect visual defects and generate structured reports.
