design-review
OfficialEnsure UI consistency and quality.
Design & Creative#accessibility#design system#visual consistency#design review#frontend development#ui components
AuthorAsync-IO
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the tedious process of manually checking frontend code against design system guidelines, ensuring visual consistency, accessibility, and adherence to best practices.
Core Features & Use Cases
- Design System Compliance: Automatically checks for correct component usage, color tokens, and spacing.
- Accessibility Audit: Verifies focus states, ARIA labels, and color contrast ratios.
- Visual Consistency: Ensures typography, gradients, and loading states match the established design.
- Use Case: Before merging a new feature, run this skill to catch any design inconsistencies or accessibility issues, preventing costly rework later.
Quick Start
Run the design-review skill to analyze the frontend components for compliance.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-review Download link: https://github.com/Async-IO/pierre_mcp_server/archive/main.zip#design-review Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.