Ui Design Review
Helps with UI components, design, code review as part of building frontend UIs and user experiences workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add ui-design-review npx -- -y @trustedskills/ui-design-review
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"ui-design-review": {
"command": "npx",
"args": [
"-y",
"@trustedskills/ui-design-review"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
The ui-design-review skill enables AI agents to critically evaluate user interface designs against established best practices, accessibility standards, and usability principles. It analyzes visual layouts, color schemes, typography choices, and interaction flows to identify potential issues before implementation.
When to use it
- Before finalizing a design mockup to catch aesthetic inconsistencies or poor hierarchy early in the workflow.
- When auditing an existing interface for compliance with WCAG accessibility guidelines.
- To generate constructive feedback on mobile responsiveness and cross-device layout adaptations.
- During brainstorming sessions to validate if proposed UI concepts align with modern design trends.
Key capabilities
- Evaluates visual hierarchy, contrast ratios, and color palette effectiveness.
- Assesses typography choices for readability and brand consistency.
- Identifies usability friction points in navigation and interaction flows.
- Checks alignment with accessibility standards and inclusive design practices.
Example prompts
- "Review this Figma link for mobile responsiveness issues and suggest layout improvements."
- "Analyze the color contrast on this dashboard and flag any elements that fail WCAG AA standards."
- "Critique the navigation flow of this landing page draft based on user experience best practices."
Tips & gotchas
Ensure you provide clear context about your target audience or specific design system constraints when requesting a review. While the skill offers strong qualitative feedback, it complements but does not replace professional human UX audits for critical production environments.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.