Audit live websites for visual issues and apply atomic code fixes.
npx skills add https://github.com/legotec73/gstack --skill design-review-legotec73
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/legotec73/gstack/tree/main/design-review Command: npx skills add https://github.com/legotec73/gstack --skill design-review-legotec73
Designers and engineers spend cycles chasing visual polish across live sites. This skill provides a structured audit workflow to identify typographic, spacing, hierarchy, and interaction inconsistencies, then fixes them with atomic commits and verifiable before/after screenshots.
Audit a live site for visual inconsistencies, fix issues in source with atomic commits, and verify results with before/after screenshots.
High-intent search queries and answers about installing and using this skill.
Run a visual QA audit on a live website by scanning pages and components to identify typographic, spacing, hierarchy, and color contrast inconsistencies. The workflow applies fixes in source code and re-verifies results using before and after screenshots to prevent regressions.
You can fix visual design issues directly in source code with atomic commits and verify them with diff screenshots. The workflow captures before and after screenshots to re-verify that UI polish changes resolve the identified issues without introducing regressions.
The best way to check color contrast and design-system alignment across production pages is using a structured audit workflow. It enforces design-system alignment by verifying typography, spacing, and color contrast across components, then implements iterative polish with atomic commits.
The visual design review workflow supports plan-mode to audit before implementing fixes. This allows designers and engineers to review typographic and spacing inconsistencies across live sites first, then apply source code fixes with verifiable before and after screenshots.
Ensure pixel-perfect releases without UI regressions by applying atomic fixes in source code and re-verifying with before and after screenshots. This iterative workflow catches visual quality issues across pages and components to maintain production site polish.
Auditing live sites for visual quality issues requires access to the source code to apply atomic fixes. The workflow focuses on typography, spacing, color contrast, and interaction polish, relying on before and after diff screenshots to verify that changes resolve issues without regressions.
Ronin15Compare SDL3 HammerEngine metrics against baselines to flag performance regressions.
summarybotngDetect UI regressions via pixel-perfect screenshot comparison across viewports and browsers.
WellApp-aiAlign UI decisions with design system tokens, Storybook stories, and codebase patterns.
roderikAnalyze UI components for WCAG accessibility and visual design issues.
