design-review

The design-review skill serves as an AI-powered visual quality assurance tool for software and web development projects. It identifies visual inconsistencies, spacing issues, hierarchy problems, and slow interactions in user interfaces, then applies iterative fixes directly to the source code. Each fix is committed atomically and verified with before-and-after screenshots, ensuring precise tracking of changes and reliable improvements. This skill addresses the common challenge of maintaining consistent and polished visual design across applications, helping teams reduce manual review effort and catch subtle issues that might be overlooked in conventional QA processes.

Key features of the design-review skill include automated detection of visual inconsistencies, hierarchy and spacing analysis, AI-based pattern recognition for design issues, and step-by-step code corrections with verification. The skill supports both live design audits and plan-mode reviews, allowing users to evaluate designs before implementation. Its iterative approach ensures that each change is reversible and clearly documented, enhancing collaboration and minimizing risk. Additionally, it respects user preferences for proactive suggestions, only providing guidance when explicitly requested if the proactive mode is disabled.

This skill is particularly useful for UX/UI designers, front-end developers, and QA engineers who want to streamline the design review process and ensure high visual quality. It can be applied during development, before release, or when optimizing existing interfaces for clarity, consistency, and aesthetic appeal. Common use cases include performing visual audits on websites or applications, polishing live designs, and validating the user interface against design standards and best practices. By integrating this skill into their workflow, teams can improve efficiency, reduce human error, and maintain a consistently professional appearance across products.