review_ui
Automates UI review by capturing screenshots, running accessibility, performance, and code audits, then delivering data and expert methodology for identifying issues and implementing fixes.
Instructions
THE PRIMARY TOOL — Fully automated UI review pipeline. Captures a screenshot, runs accessibility/performance/code audits, then returns ALL data along with an expert frontend review methodology so you can generate a comprehensive review and implement fixes.
Use this when the user asks to "review my UI", "audit my frontend", or "find UI issues". After receiving the results, you MUST:
Study the screenshot carefully for visual/UX issues
Analyze the audit data following the expert methodology provided
Generate a comprehensive review with SPECIFIC fixes (exact CSS values, code changes)
Implement the fixes directly in the codebase
This tool is FREE — it runs entirely within Claude Code using the user's existing plan. No API keys needed.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | URL of the running application (e.g., http://localhost:3000) | |
| codeDirectory | Yes | Absolute path to the frontend source directory (e.g., /Users/me/project/src) | |
| width | No | Viewport width in pixels | |
| height | No | Viewport height in pixels |