sololabstr/uisight
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
AI는 이미 화면을 볼 수 있지만 측정은 못 합니다. 실시간 모바일+데스크톱 세션, 측정 엔진(대비, 터치 타겟, 테마 드리프트)이 텍스트로 결과를 보고하고, 패널 당신은...
개요
스크린샷을 보면 에이전트가 "저 제목이 좀 희미해 보인다"고 추측하게 만듭니다. uisight가 그렇게 만듭니다: 하나는 인상입니다. 다른 하나는 선택기가 부착된 측정 값으로, 에이전트가 그 요소를 찾으려 하지 않고 고정합니다. uisight는 (Claude Code, Cursor, Antigravity, MCP를 사용하는 모든 것)을 위한 MCP 서버입니다. 실시간 모바일 + 데스크톱 세션을 나란히 실행하고, 발견한 것을 측정하며, 당신과 에이전트가 정확히 같은 화면 앞에 놓이게 합니다. 휴대폰 스크린샷을 찍어 채팅에 붙여넣고 "버튼이 고장 난 것 같은데, 보이나요?"라고 입력하는 데 지쳐서 만든 솔로 창립자가 만든 거예요. 라이브 패널: 동일 사이트의 데스크톱 + 모바일 세션, URL 동기화. 모든 화면에서 검사 실행; 결과는 장치별로 돌아옵니다. AI는 MCP를 통해 이 정확한 뷰를 봅니다.
개요(AI 번역)
네 AI는 이미 화면을 볼 수 있어. 단지 측정할 수 없을 뿐이야.
스크린샷을 보면 상담원이 추측합니다: “저 제목이 좀 희미해 보인다.” uisight가 알게 해줍니다:
하나는 인상입니다. 다른 하나는 선택기가 부착된 측정 단위로, 에이전트가 그 요소를 찾지 않고 고정합니다.
uiSight는 웹 및 반응형 UIs(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"] } } }