Web Design Reviewer
Official github skill covering web development, design for building frontend UIs and user experiences.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add web-design-reviewer npx -- -y @trustedskills/web-design-reviewer
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"web-design-reviewer": {
"command": "npx",
"args": [
"-y",
"@trustedskills/web-design-reviewer"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The web-design-reviewer skill analyzes and evaluates web design elements such as layout, color schemes, typography, and responsiveness. It provides actionable feedback to improve user experience (UX) and visual appeal based on best practices in frontend development.
When to use it
- You're reviewing a website's design for usability improvements.
- You need to ensure a site is mobile-friendly and accessible.
- You want to validate that your design follows modern web standards and trends.
- You’re preparing a client presentation with suggestions for visual enhancements.
Key capabilities
- Evaluates layout structure and alignment
- Checks color contrast and accessibility compliance
- Assesses typography readability and hierarchy
- Analyzes responsiveness across devices
Example prompts
- "Review the design of this landing page for usability issues."
- "Check if the website's color scheme meets WCAG standards."
- "Analyze the mobile responsiveness of this site’s navigation menu."
Tips & gotchas
- Provide a URL or code snippets for accurate analysis.
- The skill may not account for brand-specific design guidelines, so manual review is recommended in such cases.
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 |
🏢 Official
Published by the company or team that built the technology.