plan-design-review

To perform a design audit on a live website, the skill analyzes rendered pages across home, product, and marketing to identify visual inconsistencies and typography gaps, producing a prioritized, non-destructive report with annotated screenshots.

Yes, you can extract a design system from an existing live site. The skill infers fonts, colors, spacing, and heading scale directly from the rendered UI to inform a project baseline or DESIGN.md export.

The best way to review UI consistency across multiple live pages is through a structured cross-page visual assessment that identifies spacing issues and interaction feel problems, generating actionable improvements for design teams.

No, this design audit workflow does not modify the live site's code. It performs a comprehensive, non-destructive review that generates findings and annotated screenshots strictly for handoff and design decision guidance.

You document visual design issues for handoff by generating a final report with actionable improvements and annotated screenshots, ensuring the design team receives a clear improvement plan without touching the codebase.

A live-site design audit includes a typography and spacing assessment that evaluates visual inconsistencies and heading scale extracted from the rendered UI, ensuring cross-page consistency throughout the final report.