Run multi-layer UI/UX reviews covering accessibility and design system consistency.
npx skills add https://github.com/timothyshen/word-game --skill design-guard
Please help me install this Agent Skill. Skill: design-guard Source: https://github.com/timothyshen/word-game/tree/main/.claude/skills/design-guard Command: npx skills add https://github.com/timothyshen/word-game --skill design-guard
This Skill streamlines the design review process by providing a comprehensive, multi-layered system that checks for visual appeal, user experience, technical feasibility, and compliance, ensuring high-quality and consistent design outputs.
Run a full design review on the src/Button.tsx file.
High-intent search queries and answers about installing and using this skill.
Run a UI/UX design review by executing a full review mode on your component file to check visual hierarchy, interaction design, responsiveness, performance, accessibility, and design system consistency. This catches potential issues early before development.
A multi-layered design system consistency check evaluates visual hierarchy, interaction design, responsiveness, performance, and accessibility across your components. It ensures high-quality, uniform design outputs by integrating compliance checks with UX principles.
Yes, you can perform an accessibility audit quickly by selecting the compliance-only or quick review mode. These options bypass the full 6-layer analysis to focus specifically on compliance checks and accessibility constraints.
Yes, the design review process supports checking technical implementation constraints. It integrates implementation constraints directly into the review, evaluating performance and responsiveness alongside visual design and UX principles.
The best way to audit visual hierarchy and responsiveness is to use a unified design review system that conducts a multi-layered analysis. It evaluates visual appeal, technical feasibility, and compliance to ensure high-quality design outputs.
Use a full design review when you need to evaluate all 6 layers including visual hierarchy, interaction, responsiveness, performance, accessibility, and design system consistency. Use the quick review for faster, less comprehensive checks.
grafanaGenerates Craft CMS config editor guides from GitHub repositories.
simplefarmer69Integrate GitHub, CI/CD, messaging platforms, and issue trackers to automate developer operations.
julianobarbosaReview code for quality, bugs, security issues, and best practices using Codex.
felixgeelhaarDiagnose usability issues and prescribe fixes across screens, flows, and accessibility audits.
