ui-review
UI Review
Automated visual QA: interview the user, then test a web app's UI across viewports using Agent Browser, evaluate design quality, and iterate until satisfied.
Process Overview
- Interview — Gather route, credentials, and focus areas from user
- Login & Navigate — Open the app and authenticate
- Multi-Viewport Capture — Screenshot at 8+ viewport sizes
- Evaluate — Score UI against design and responsive criteria
- Report — Deliver findings with actionable recommendations
- Iterate — Fix issues and re-test until all checks pass
Step 1: Interview
Use AskUserQuestion to collect (skip any the user already provided):
- App URL — Base URL (e.g.,
http://localhost:3000) - Route to test — Specific path (e.g.,
/dashboard,/settings/profile)
More from montagao/skills
library-ebooks
>-
58ouraclaw
Fetch Oura Ring sleep data using the ouraclaw CLI. Use when the user asks about their sleep score, sleep data, sleep stages, HRV, heart rate during sleep, bedtimes, or any Oura Ring data. Triggers on "sleep score", "how did I sleep", "oura data", "sleep data", "last night's sleep", "sleep quality", "HRV", or any request for Oura Ring metrics.
50plane-api
Internal helper for creating/listing/updating Plane work items.
45monta-lights
Control Meross smart plugs (lights). Use when the user says "turn on the lights", "turn off the lights", "lights on", "lights off", or asks about light/plug status.
27llm-seo
Optimize websites and content for AI/LLM discoverability (AIO - AI Optimization). Use when asked to "optimize for AI", "improve AI discoverability", "add LLM SEO", "make site AI-friendly", "help LLMs understand my site", or when implementing llms.txt files, JSON-LD structured data, or AI-focused content strategies.
22clean-history
Reimplement the current branch on a new branch with a clean, narrative-quality git commit history suitable for reviewer comprehension. Use when the user wants to clean up messy commit history before opening a PR.
19