Who it is forA developer using Claude Code who is tired of pasting phone screenshots into chat.
The problemAgents burn tokens squinting at screenshots and still guess wrong.
The outcomeThe agent receives text findings with selectors and fixes the right element.
What you need first
- Node.js with npx
- Playwright Chromium (`npx playwright install chromium`)
- An MCP client for the agent workflow
Steps
- Install Chromium with
npx playwright install chromium - Add the server with
claude mcp add --scope user uisight -- npx -y -p uisight@latest uisight-mcp - Ask the agent to inspect your local dev URL
- Have it fix each finding and re-run inspect
Prompt for your agent
With the uisight MCP server, inspect <local URL> on mobile and desktop, fix every contrast and touch target finding in the code, and re-run inspect. Confirm the finding count dropped to zero or explain any that remain.
Caveat. Limiting tools with UISIGHT_TOOLS keeps the tool list small, which the README recommends for measuring sessions.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for sololabstr/uisight and "Let your coding agent measure and fix UI bugs over MCP"
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeShare: X LinkedIn Hacker News Email Copy link
Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer