Audit live sites for visual misalignment, spacing, and hierarchy issues.
npx skills add https://github.com/JovieInc/Jovie --skill design-review-jovieinc
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/JovieInc/Jovie/tree/main/.claude/skills/gstack/design-review Command: npx skills add https://github.com/JovieInc/Jovie --skill design-review-jovieinc
Designer's eye QA identifies visual inconsistencies, spacing problems, hierarchy issues, AI slop patterns, and performance glitches on live sites, then fixes them while preserving intent.
Review the target pages, fix visual issues in the source, and verify results with before/after screenshots.
High-intent search queries and answers about installing and using this skill.
Run a visual design audit on a live site to detect misalignments, inconsistent spacing, and typography errors. The audit identifies visual inconsistencies and hierarchy issues across pages, then fixes them in source code while preserving design intent.
A plan-design-review workflow performs design audits before implementing changes. It proactively suggests improvements to polish the look of a live site and refines accessibility, ensuring visual consistency before code deployment.
Yes, you can verify UI polish fixes with before and after screenshots. The process generates verification artifacts and provides concrete guidance, fixing visual issues in the source and committing each change atomically for reproducible results.
Yes, the visual review process detects accessibility and a11y refinements. It audits visual design on live sites to identify spacing and hierarchy issues that hinder user experience, satisfying requirements for accessibility refinements across components.
The best way to document design system changes is through iterative fixes with atomic commits. This approach fixes issues in source code and commits each change with before and after verification, generating artifacts so teams can reproduce fixes.
Live sites develop visual inconsistencies, spacing problems, hierarchy issues, and AI slop patterns due to uncoordinated frontend updates. A designer's eye QA identifies these performance glitches and visual errors, then fixes them while preserving intent.
Luqman-Ud-DinCompare rendered page output against stored baseline hashes to detect visual drift.
samjhechtCompare UI component screenshots against baselines to detect visual regressions.
Prathmesh2000Generate CSF3 Storybook stories with interaction tests, a11y checks, and Chromatic setup.
SunS1eep1ngAutomate visual website design inspection and code-level fixes with Playwright.
