sololabstr

Uisight — AI skill for Claude Code

AI community

Your AI can already see the screen — it just can't measure it.

How to install Uisight

This entry records only its repository, not the path inside it, so there is no exact command to give. Open sololabstr/uisight and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Uisight does

Your AI can already see the screen — it just can't measure it. Live mobile+desktop sessions, a measurement engine (contrast, touch targets, theme drift) reporting findings as text, and a panel you and your agent share. MCP server for web/responsive UIs.

Alternatives in AI

VibeMeter — A project to measure costs for Cursor and other AI provider 379 ★
Empirica — Make AI agents and AI workflows measurably reliable 244 ★
UX Lint — Deterministic regex-based linter for AI fingerprints 66 ★

README

uisight

[![CI](https://github.com/sololabstr/uisight/actions/workflows/ci.yml/badge.svg)](https://github.com/sololabstr/uisight/actions/workflows/ci.yml) [![npm](https://img.shields.io/npm/v/uisight)](https://www.npmjs.com/package/uisight)

**Your AI can already see the screen. It just can't measure it.**

Screenshots make an agent *guess*: "that heading looks a bit faint." uisight makes it **know**:

- from a screenshot:  "the heading looks a little washed out, maybe adjust the color?"
+ from uisight:       INVISIBLE TEXT 1.04:1 — span.bg-gradient-to-r "your headline"
+                     (text rgba(255,255,255,.5) / bg rgb(247,247,248))

One is an impression. The other is a measurement with a selector attached — the agent fixes *that* element instead of hunting for it.

uisight is an [MCP](https://modelcontextprotocol.io) server for **web and responsive UIs** (Claude Code, Cursor, Antigravity, anything that speaks MCP). It runs live mobile + desktop sessions side by side, measures what it finds, and puts you and the agent in front of the exact same screen.

Built by a solo founder who got tired of taking phone screenshots, pasting them into chat, and typing "the button looks broken, can you see it?"

![uisight live panel — desktop and mobile side by side, with per-device inspection findings](docs/assets/live-panel.png) *The live panel: desktop + mobile sessions of the same site, URL-synced. Inspect runs on every screen; findings come back per device. Your AI sees this exact view through MCP.*

What makes it different

	Multi-viewport browsers (Polypane etc.)	Browser tools / computer use (Playwright MCP, agent harnesses)	Native app toolkits (Argent etc.)	uisight
Measures the UI (`1.14:1`, not "looks low")	✅ for humans	—	—	✅ as text, for the agent
Human + agent share one live session	—	—	—	✅
Device × theme matrix in one run	✅	—	—	✅
Human pins a bug → agent read