Log inSubmit server
Uisight logo

Uisight

Measures responsive web UI issues across live mobile and desktop browser sessions for agent-guided debugging.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Uisight

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "uisight": {
      "command": "npx",
      "args": [
        "-y",
        "uisight"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

We couldn’t confirm it starts correctly

We ran the install command but it didn't respond within our test window — this can mean a slow first-time install rather than a real problem.

npx -y uisight

No response to initialize.

This is an experimental automated check and can have false negatives — missing environment variables, a slow cold install, etc. It doesn’t necessarily mean something’s wrong. Last checked 6d ago.

Overview

uisight MCP server connects an AI agent to live mobile and desktop browser sessions that humans can watch in a shared panel. Its tools return screen images, measured contrast and layout findings, navigation state, device or theme changes, and pinned notes. Use it to inspect responsive web pages, reproduce UI issues, and review localhost or deployed sites across device profiles. It targets web interfaces rather than native iOS or Android applications.

Use cases

  • Audit responsive pages for contrast and touch-target failures
  • Inspect localhost applications across mobile and desktop profiles
  • Reproduce UI bugs while a human watches the shared session
  • Review console and network errors during browser debugging
  • Read pinned screenshots and notes from a human reviewer

Key features

  • Measured contrast, overflow, theme, and touch-target findings
  • Shared live mobile and desktop browser sessions
  • Device profile and light/dark theme switching
  • URL navigation and screen capture
  • Pinned human notes with screenshots
  • Console and network error status

Tools7

What Uisight lets your agent do. Expand a tool for its parameters.

Self-reported~148 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 1d ago

Recent health check succeeded.

10/10 checks healthy over the last 50d

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 12d ago via OSV.dev · uisight (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars130Stargazers on the source repository.
npm downloads663Package downloads in the last 30 days.
Last commit1mo agoMost recent push to the default branch.
Install checkInconclusiveDidn't respond in our test window — often a slow first install.
Tools exposed7Callable tools this server registers over MCP.
Directory activity2 viewsConfig copies, upvotes, and views on AllMCPs.

How Uisight works

What the uisight MCP server does

The uisight MCP server gives an agent a live view of responsive web interfaces and returns measurements it can use when reviewing or debugging a page. It works with mobile and desktop browser sessions, including localhost URLs, and keeps the human and agent focused on the same current screen through the accompanying panel.

The main distinction is that inspection results are returned as text findings rather than requiring the agent to infer problems from an image. Findings can identify low contrast, invisible text, small touch targets, overflow, and theme-related issues, with details such as selectors, measured ratios, dimensions, and affected text. The supported scope is web and responsive UI work; native iOS and Android applications are outside its scope.

How it works

A live panel displays mobile and desktop sessions side by side. Sessions are URL-synchronized, and the human can watch agent actions as they happen. The agent can request the current frame with see_screen, navigate all sessions with goto, and change a device profile or color theme with set_device.

inspect runs checks against the current screens and returns measured findings. The checks described by the project include contrast, touch-target size, overflow, and theme behavior. status reports the open URL, active sessions, and recent console or network errors, making it a useful first query during bug investigation. Human users can pin a note with a screenshot in the panel; marks makes those notes and captured frames available to the agent.

Setup and configuration

Install and run the MCP process through npm. For Claude Code, the documented command is:

Terminal
claude mcp add --scope user uisight -- npx -y -p uisight@latest uisight-mcp

Other MCP hosts can use an equivalent server entry with npx, -y, -p, uisight@latest, and uisight-mcp as the arguments. Claude Desktop also has an .mcpb release bundle that can be opened directly; it asks for the page, tool set, and whether to download the browser on first use.

The browser driver is supplied through Playwright, but browser binaries are downloaded separately. The first run can offer to install Chromium, or it can be installed manually with npx playwright install chromium. Set UISIGHT_NO_INSTALL=1 to disable the installation offer. UISIGHT_LANG=tr enables Turkish tool names. The live panel can be started with npx -y -p uisight uisight-panel <url> and is served locally at port 5055.

Tools and capabilities

The uisight MCP server exposes these documented tools:

  • see_screen: returns the current screen as an image.
  • inspect: runs contrast, touch-target, overflow, and theme checks and returns text findings.
  • goto: navigates all sessions to a URL.
  • tap: interacts with the page while the human watches.
  • set_device: selects a device profile or light/dark theme.
  • status: reports the current URL, sessions, and recent console or network errors.
  • marks: reads notes and screenshots pinned by the human in the panel.

Device profiles include iPhone, Pixel, Galaxy, iPad, desktop, and laptop options. The checks cover issues such as low contrast, text below 12px, missing image alt text, clipped content, touch targets below 44px on mobile profiles, and controls covered by other elements or fixed interface areas.

Limitations and notes

The server is designed for browser-based web interfaces, not native mobile apps. Browser binaries are not included with the package or Claude Desktop bundle and may require a separate download. The project also documents that some checks depend on the active device profile; for example, touch-target checks apply to mobile profiles.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Uisight

uisight is an MCP server that connects AI agents to live mobile and desktop browser sessions for responsive web UI review. Its main tools capture the current screen, run measured contrast, touch-target, overflow, and theme checks, navigate pages, switch device profiles, report browser errors, and read human-pinned notes.

Install it through an MCP host using npx with the uisight package and uisight-mcp command. Claude Code can use the documented claude mcp add command, while other hosts accept the equivalent JSON server configuration. Playwright may separately download Chromium on first use.

Yes, uisight works with Cursor through its MCP configuration. Add a server entry that runs npx with -y, -p, uisight@latest, and uisight-mcp as the command arguments, then use the tools against a web page or localhost application.

Yes, uisight can navigate sessions to localhost URLs. Use goto with the local address or start the live panel with a localhost URL, then use inspect to run the documented responsive UI checks against the active page.

No, uisight is intended for web and responsive browser interfaces. Its device profiles emulate mobile and desktop browser sessions, but the project explicitly excludes native iOS and Android app control.

Related MCP servers

All in Browser Automation All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewUisight AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/uisight?style=directory)](https://allmcps.com/mcp/uisight)
HTML Embed
<a href="https://allmcps.com/mcp/uisight"><img src="https://allmcps.com/api/badge/uisight?style=directory" alt="Uisight on AllMCPs" /></a>