Conduct comprehensive design audits analyzing usability heuristics, accessibility compliance, visual consistency, and design system adherence.
80 on GitHubby tan-yong-shengv1.0.0Apache-2.0updated 7 months ago
/
Plugin design-eval from marketplace design-eval in tan-yong-sheng/ai-vision-mcp. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (5)
design-audit-orchestration
Use this skill when aggregating design audit findings across multiple dimensions, deduplicating related issues, or synthesizing results into executive summaries with remediation roadmaps
design-system-governance
Use this skill when assessing design system maturity, evaluating adoption health, analyzing component duplication, or calculating design debt ratios
playwright-cli-automation
Use playwright-cli to capture full-page screenshots, navigate complex flows, run Lighthouse audits, and test responsive design without writing code
visual-consistency-validation
Use when validating design system token compliance, detecting visual regressions, or analyzing responsive design consistency across breakpoints and modes
wcag-compliance
Use this skill when verifying WCAG 2.1/3.0 compliance, mapping accessibility violations to specific criteria, or providing remediation guidance with code examples
Slash commands (5)
/design-eval:audit-accessibility
Use this command to verify WCAG 2.1/3.0 compliance with detailed remediation guidance and assistive technology assessment
/design-eval:audit-components
Use this command to analyze component reusability patterns and identify consolidation opportunities
/design-eval:audit-design-debt
Use this command to calculate design debt ratio and assess design system maturity level
/design-eval:audit-design
Use this command to run a comprehensive design audit across heuristics, accessibility, visual consistency, and design system governance
/design-eval:audit-visual-consistency
Use this command to validate design token compliance (single image mode) or detect visual regressions (regression mode)
Subagents (4)
accessibility-tester
Use this agent when you need deep WCAG 2.1/3.0 compliance verification, assistive technology assessment, and accessibility remediation guidance
design-auditor
Use this agent when you need comprehensive design evaluation across heuristics, accessibility, visual consistency, and design system governance
design-system-maturity-tester
Use this agent when you need design system maturity assessment, component reusability analysis, and design debt evaluation
visual-consistency-tester
Use this agent when you need design token compliance validation or visual regression detection
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
Build, preview, and test UI components with Storybook.
7 skills
storybookjs/storybook 91,552
Maintain design-eval?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.