SU

sololabstr/uisight

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

130 stars 10 forks Качество 87 Тренд 24MIT

Ваш ИИ уже видит экран — просто не может его измерить. Живые мобильные сессии+десктопные сессии, измерительный движок (контраст, сенсорные цели, дрейф темы), который сообщает о результатах в виде текста, и панель, которую вы...

Обзор

Скриншоты заставляют агента догадываться: «этот заголовок выглядит немного слабым.» uisight делает это: Одна — это отпечаток. Другая — измерение с прикреплённым селектором — агент фиксирует этот элемент, а не ищет его. uisight — это MCP-сервер для (Claude Code, Cursor, Antigravity и всего, что говорит на MCP). Он запускает живые мобильные + десктопные сессии параллельно, измеряет найденные данные и размещает вас и агента перед одним и тем же экраном. Её создал одиночный основатель, который устал делать скриншоты с телефона, вставлять их в чат и вводить «кнопка выглядит сломанной, видно?» Живая панель: десктопные + мобильные сессии одного и того же сайта, синхронизированы по URL. Inspect запускается на каждом экране; результаты приходят по устройству. Ваш ИИ видит именно этот вид через MCP.

Обзор (машинный перевод)

Ваш ИИ уже видит экран. Он просто не может его измерить.

Скриншоты заставляют агента догадываться: «этот заголовок выглядит немного слабым.» uisight заставляет его знать:

Одна — это отпечаток. Другая — измерение с прикреплённым селектором — агент фиксирует эту элемент, а не ищет его.

uisight — это MCP-сервер для веб- и отзывчивых интерфейсов (Claude Code, Cursor, Antigravity, всё, что говорит на MCP). Он запускает живые мобильные + десктопные сессии параллельно, измеряет найденные данные и размещает вас и агента перед одним и тем же экраном.

Её создал одиночный основатель, который устал делать скриншоты с телефона, вставлять их в чат и вводить «кнопка выглядит сломанной, видно?»

Живая панель: десктоп + мобильные сессии одного и того же сайта, синхронизированы по URL. Inspect запускается на каждом экране; результаты приходят по устройству. Ваш ИИ видит именно этот вид через MCP.

Что отличает его

Браузеры с несколькими вьюпортами (Polypane и др.) Инструменты для браузеров / использование компьютера (Playwright MCP, агентские жгуты) Нативные наборы инструментов приложений (Argent и др.) uisight
Измеряет пользовательский интерфейс (1.14:1, а не «выглядит низко») ✅ для людей — — ✅ в виде текста для агента

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

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 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?”

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 reads note + frame — — — ✅
Native iOS/Android apps — — ✅ — (web only)

The measurement engine is the heart: instead of your AI burning tokens squinting at screenshots, inspect returns findings like

[mobile · Pixel 7 · light] https://yourapp.com/
  INVISIBLE TEXT 1.04:1 — span.bg-gradient-to-r "your headline" (text rgba(255,255,255,.5) / bg rgb(247,247,248))
  BUTTON a.text-white "Get Started" → text/background contrast 3.35:1
  touch target below 44px 180x23 — "read the guide"

Text findings are cheap, precise, and directly actionable — your AI fixes the exact selector instead of guessing.

“My agent already does this”

Fair — and partly true. Computer use, browser tools and most agent harnesses can already open a page and take a screenshot. That’s the part uisight doesn’t try to replace. Three things are still missing:

Открыть полный README на GitHub

Установка

npx -y -p uisight@latest uisight-mcp
Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

{ "mcpServers": { "uisight": { "command": "npx", "args": ["-y", "-p", "uisight@latest", "uisight-mcp"] } } }