From design-eval
Aggregates design audit findings across usability heuristics, WCAG accessibility, visual consistency, and component reusability; deduplicates issues, prioritizes by severity, and generates executive summaries with remediation roadmaps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-eval:design-audit-orchestrationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Guidance for orchestrating comprehensive design audits across multiple dimensions and synthesizing findings into actionable reports.
Guidance for orchestrating comprehensive design audits across multiple dimensions and synthesizing findings into actionable reports.
Use this skill when:
Design audits analyze 4 independent dimensions:
Same issue found by multiple dimensions:
Action: Merge into single finding with cross-dimensional impact
Finding in one dimension affects another:
Action: Link findings and explain cascading impact
Combine severity from multiple dimensions:
Overall Health Score (0-100)
Critical Issues (top 3-5)
Dimension Breakdown
Remediation Roadmap
Phase 1: Critical (Week 1-2)
- [Finding 1]: [Remediation] - Effort: [hours]
- [Finding 2]: [Remediation] - Effort: [hours]
Phase 2: High (Week 3-4)
- [Finding 3]: [Remediation] - Effort: [hours]
Phase 3: Medium (Week 5-6)
- [Finding 4]: [Remediation] - Effort: [hours]
Phase 4: Low (Ongoing)
- [Finding 5]: [Remediation] - Effort: [hours]
{
"audit_summary": {
"overall_health_score": 72,
"total_findings": 24,
"critical_count": 3,
"high_count": 8,
"medium_count": 10,
"low_count": 3
},
"dimension_summaries": {
"heuristics": {
"score": 68,
"key_findings": [...],
"recommendations": [...]
},
"accessibility": {
"score": 65,
"key_findings": [...],
"recommendations": [...]
},
"visual_consistency": {
"score": 82,
"key_findings": [...],
"recommendations": [...]
},
"components": {
"score": 75,
"key_findings": [...],
"recommendations": [...]
}
},
"cross_dimensional_insights": [
{
"title": "Error handling affects both heuristics and accessibility",
"findings": ["heuristic-5", "accessibility-3"],
"impact": "Users cannot recover from errors effectively"
}
],
"remediation_roadmap": [
{
"phase": 1,
"priority": "critical",
"items": [...]
}
]
}
npx claudepluginhub tan-yong-sheng/ai-vision-mcp --plugin design-evalEvaluates existing design via heuristic evaluation (Nielsen's 10), consistency inventory, accessibility audit, and competitive analysis. Quantifies design debt for redesign planning or stakeholder justification.
Audits design systems for component coverage, token consistency, documentation quality, accessibility, and adoption health. Produces structured report with health scores and remediation roadmap.
Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".