npx claudepluginhub mistyhx/frontend-design-auditcommands/# Frontend Audit: Evaluate Only Run a usability audit and produce a report. Do not implement any changes. ## Required Reading Before starting, read these files: 1. The main skill at `.claude/skills/frontend-design-audit/SKILL.md` — The evaluation framework and workflow 2. `references/heuristics.md` — Detailed principle definitions and what to look for ## Usage ## Process 1. **Identify UI files** — Use Glob to find front-end files (tsx, jsx, vue, svelte, html, css). If a path was provided, scope to that path. If not, look for common UI directories (src/components, src/pages, app/, pa...
/evaluateRuns three-stage verification pipeline to evaluate execution, checking for correctness, safety, and performance in the current context.
/evaluateEvaluates a developer tool against criteria via research and hands-on testing, scores aspects 1-5, computes weighted total, lists strengths/weaknesses/deal-breakers, and recommends with confidence.
/evaluateEvaluates a specified design, screen, or flow against Nielsen's heuristics, user flows, and accessibility, producing a severity-rated report with prioritized recommendations.
/evaluateCreates vendor evaluation framework from project requirements and artifacts, then scores vendor proposals for the specified project ID or category.
/evaluateReviews project architecture in background via subagent while capturing session learnings, producing architecture report and knowledge artifacts.
/evaluateEvaluates solutions, proposals, or designs through multiple expert personas, providing assessments of strengths, weaknesses, risks, opportunities, and improvement recommendations.
Run a usability audit and produce a report. Do not implement any changes.
Before starting, read these files:
.claude/skills/frontend-design-audit/SKILL.md — The evaluation framework and workflowreferences/heuristics.md — Detailed principle definitions and what to look for/frontend-design-audit:evaluate # Evaluate common UI paths in the project
/frontend-design-audit:evaluate src/pages/ # Evaluate a specific directory
/frontend-design-audit:evaluate App.tsx # Evaluate a specific file
Identify UI files — Use Glob to find front-end files (tsx, jsx, vue, svelte, html, css). If a path was provided, scope to that path. If not, look for common UI directories (src/components, src/pages, app/, pages/, etc.).
Read the code — Read the key UI files. For large projects, focus on the most important screens (index/home, main dashboard, primary form, key user flow).
Evaluate systematically — Go through all 15 principles. For each, inspect the code for violations. Reference references/heuristics.md for what to look for.
Rate severity — Apply the 0-4 scale to each finding. Consider frequency, impact, and persistence.
Produce the report — Use the structured format from SKILL.md. Include:
Present to user — Show the full report. Offer to explain any finding in more detail. Do NOT implement changes — this command is evaluation only.
Suggest next steps:
/frontend-design-audit:improve or I can implement the top-priority items now."/frontend-design-audit:quick to auto-fix severity 3-4 issues."