sololabstr/uisight
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
AIはすでに画面を見ていますが、測定はできません。ライブのモバイル+デスクトップセッション、測定エンジン(コントラスト、タッチターゲット、テーマドリフト)がテキストで結果を報告し、パネルで...
概要
スクリーンショットを見ると、エージェントは「見出しが少し薄く見える」と推測します。uisightはこう言います: 一つは印象です。もう一つはセレクターが付いた測定値で、エージェントがその要素を探すのではなく固定します。 uisightは(Claude Code、Cursor、Antigravity、MCPを話すあらゆるもの)を扱うMCPサーバーです。ライブのモバイル+デスクトップセッションを並行して実行し、見つけたものを測定し、あなたとエージェントをまったく同じ画面の前に配置します。 スマホのスクリーンショットを撮ってチャットに貼り付け、「ボタンが壊れてるみたい、見える?」と打つことに飽きたソロ創業者が作ったものです ライブパネル:同じサイトのデスクトップ+モバイルセッション、URL同期。Inspectはすべての画面で実行されます。デバイスごとに結果が返ってきます。AIはMCPを通じてこの正確なビューを認識しています。
概要（AI 翻訳）
あなたのAIはすでに画面を見ています。ただ測定できないだけです。
スクリーンショットを見るとエージェントは「見出しが少し薄く見える」と推測します。uisightはそれを知らせ:
一つは印象です。もう一つはセレクターが付いた測定値で、エージェントはその要素を探すのではなく、その要素を修正します。
uiSightは、ウェブやレスポンシブUI(Claude Code、Cursor、Antigravity、MCPを話すものすべて)向けのMCPサーバーです。ライブのモバイル+デスクトップセッションを並行して実行し、見つけたものを測定し、あなたとエージェントがまったく同じ画面の前に立つように配置します。
スマホのスクリーンショットを撮ってチャットに貼り付け、「ボタンが壊れてるみたい、見える?」と打つことに飽きたソロ創業者が作ったものです
ライブパネル:同じサイトのデスクトップ+モバイルセッション、URL同期。Inspectはすべての画面で実行されます。結果はデバイスごとに返ってきます。AIはMCPを通じてこの正確なビューを認識します。
何が違うのか
| マルチビューポートブラウザ(Polypaneなど) | ブラウザツール/コンピュータ用途(Playwright MCP、エージェントハーネス) | ネイティブアプリツールキット(Argentなど) | uisight | |
|---|---|---|---|---|
UIを測定する(1.14:1、「低い」とは言えません) |
✅人間 | — | — | ✅ エージェント宛てのテキスト |
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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:
インストール
npx -y -p uisight@latest uisight-mcp設定
{ "mcpServers": { "uisight": { "command": "npx", "args": ["-y", "-p", "uisight@latest", "uisight-mcp"] } } }