Design Analyzer
Analyzes design files (PSD, Figma, Sketch) to identify accessibility issues, style inconsistencies, and optimization opportunities.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add design-analyzer npx -- -y @trustedskills/design-analyzer
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"design-analyzer": {
"command": "npx",
"args": [
"-y",
"@trustedskills/design-analyzer"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The design-analyzer skill provides analysis of existing designs. It can evaluate a design's adherence to specific principles, identify potential usability issues, and suggest improvements based on established best practices. This allows users to quickly assess the quality of designs without requiring extensive manual review.
When to use it
- Design Audit: Quickly analyze an existing website or application design for compliance with accessibility guidelines (WCAG).
- Usability Review: Get feedback on a prototype's ease of use and identify potential pain points for users.
- Competitive Analysis: Evaluate the design strengths and weaknesses of competitor websites or apps.
- Design System Validation: Ensure new designs align with existing design system components and principles.
Key capabilities
- Accessibility compliance evaluation (WCAG)
- Usability assessment
- Design principle adherence analysis
- Identification of potential usability issues
Example prompts
- "Analyze this website [URL] for WCAG 2.1 AA compliance."
- "Evaluate the usability of this Figma prototype [link to Figma file]."
- "Assess this design [image URL] against principles of minimalist design."
Tips & gotchas
The quality of analysis depends on the clarity and specificity of your prompts. Providing context about the target audience or specific design goals can improve results.
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.