uiux

To perform a pixel-perfect UI redesign, the skill systematically audits rendered screens, applies token-first global styling changes, and iteratively corrects typography, spacing, and color until visual quality checks pass. It requires screenshot-driven verification to validate the final output.

Screenshot-driven UI auditing is the process of capturing every distinct screen, rating its visual quality, and prioritizing fixes by impact. It improves application design by identifying visible inconsistencies in typography and spacing, ensuring corrections are based on what users actually see.

You can fix inconsistent typography and color hierarchy by enforcing design tokens and project principles. The skill automatically applies rules for typography scale, spacing rhythm, and WCAG contrast while preserving existing functionality during the redesign loop.

Yes, this UI redesign approach explicitly handles empty, error, loading, modal, and auth flows. It ranks these distinct screens by visibility and impact, then recursively reworks each state to ensure every route meets the pixel-perfect standard.

Yes, Playwright is required to run this visual UI audit and redesign. The iterative correction loop depends on screenshot-driven verification to capture rendered screens, evaluate design quality, and confirm that per-screen fixes achieve the desired visual result.

Yes, you can ingest custom design principles during the UI polishing process. The skill optionally ingests a DESIGN-BRIEF to enforce your specific UI/UX rules for color theory, motion, and shadows, ensuring the redesign aligns with your project standards.