DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to audit a site's contrast and tap targets on phone and desktop with Uisight

Run a one-shot audit across iPhone, Pixel and desktop in light and dark themes and get measured findings.

Short answer: Install the browser with npx playwright install chromium; then run npx uisight https://yourapp.com --theme both; open the gallery and report. All steps.

Who it is forA frontend developer shipping a landing page who wants to catch unreadable text and tiny buttons before launch.

The problemEyeballing screenshots cannot tell a passing contrast ratio from a failing one.

The outcomePNGs, a gallery and a report listing failing contrast and touch targets with their selectors.

What you need first

  • Node.js with npx
  • Playwright Chromium (`npx playwright install chromium`)
  • An MCP client for the agent workflow

Steps

  1. Install the browser with npx playwright install chromium
  2. Run npx uisight https://yourapp.com --theme both
  3. Open the gallery and report
  4. Fix each element by the selector listed

Prompt for your agent

Run `npx uisight <url> --theme both` from sololabstr/uisight and list every contrast or touch target finding with its selector and device. Verify each listed selector exists in the page source.

Caveat. It covers web and responsive UIs only, not native iOS or Android apps.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for sololabstr/uisight and "Audit a site's contrast and tap targets on phone and desktop"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer