design-review

The design-review skill acts as a specialized design QA engineer within your development workflow. It is designed for developers, designers, and technical product managers who need to maintain high visual standards without manual intervention. By leveraging visual analysis, it identifies common AI slop patterns, layout regressions, spacing issues, and hierarchy imbalances, providing actionable code fixes to restore design integrity.

• Automatically scans live websites or local UI components for visual discrepancies compared to the expected design system.

• Executes iterative code fixes, committing each change atomically to ensure granular version control and easy rollbacks.

• Generates before-and-after visual screenshots to provide immediate, objective verification of the applied polish and bug fixes.

• Integrates with the broader gstack ecosystem to handle plan-mode design reviews before implementation via /plan-design-review.

• Detects slow interactions or performance bottlenecks that impact the perceived user experience and visual polish.

• Use this skill when asked to perform a design audit, visual QA, or general UI polish on a live or staging environment.

• It is best triggered proactively when visual inconsistencies are identified or when you want to elevate the quality of an existing interface.

• The agent functions as an automated design partner, requiring you to provide the target environment or repository context.

• When running in plan mode, the agent coordinates with existing project configurations to ensure that design fixes respect established CSS and component standards.

• It supports atomic commits and verification loops, so keep your environment ready for code-level modifications.

• Ensure you have configured the gstack environment correctly; this tool works best in a standard git repository setup with proper access to browser-based UI inspection tools.