design-review

To audit UI design for visual inconsistencies, this Skill performs a visual QA review that identifies spacing, typography, color, and alignment problems across live sites or design systems, then applies atomic fixes with before-and-after verification.

Yes, you can fix UI hierarchy and spacing issues directly in source code. The Skill commits each visual fix as a separate, reviewable atomic change, ensuring your design polish is tracked and verifiable with before-and-after screenshots.

A plan-mode design review workflow performs a visual audit of your UI before implementation begins. It surfaces typography, spacing, and hierarchy issues to guide the build process, ensuring visual consistency is achieved before committing code changes.

Visual QA works with existing design systems and live sites by auditing pages and components across your project. It surfaces visual inconsistencies and slow interactions, then fixes them with atomic commits and before-and-after screenshot verification.

To verify UI polish changes after fixing alignment and typography, the Skill generates before-and-after screenshot comparisons for each atomic commit. This ensures every visual fix is documented and reviewable directly in your source code history.