About this Skill
Diagnose interface issues, make scoped visual improvements, and verify regressions through a three-phase workflow with persistent Markdown reports.
Why we picked it
The Claude Code skill orchestrates ui-ux-pro-max and frontend-design; both plugins must be installed separately. A standalone CLI is also documented and uses a separately billed Anthropic API key.
What it helps with
- Find UI problems in an existing frontend without changing application behavior.
- Keep diagnosis, redesign and verification reports across sessions.
Workflow and expected result
Step 1
Check plugin dependencies, detect the project stack, and locate UI source files.
Step 2
Write the diagnosis and let the user choose the redesign scope.
Step 3
Apply the selected changes, compare findings, and save the verification and summary reports under .ui-audit/.
Source review
Reviewed the task instructions and repository inventory at commit 6adc573b2ad9. This listing describes the upstream workflow; it does not claim that a full product implementation or accessibility audit was executed during intake.
Reviewed upstream task instructionsOfficial repository and installation guide
Before you use it
- A coding assistant with local file access and Node.js for the upstream installer. Review the installed instructions before use.
- The skill requires Claude Code with the ui-ux-pro-max and frontend-design plugins. Installing this entry alone does not supply those dependencies.
Supported agents
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
