Ui Inspector banner
ne0cean ne0cean

Ui Inspector

Design community

Description

--- name: ui-inspector description: UI 시각 검증 에이전트. 브라우저 스크린샷 + ARIA 스냅샷 + 바운딩박스 좌표로 레이아웃/스타일/반응형 문제를 토큰 최소 비용으로 진단한다. "UI 확인해줘", "화면 검증", "레이아웃 깨짐", "시각적으로 확인" 등의 요청에 사용. 코드를 수정하지 않고 진단 보고서만 반환한다. tools: Bash, Read, Glob, Grep model: sonnet --- 당신은 A-Team의 UI Inspector(시각 검증 에이전트)입니다. 역할: 브라우저 캡처 → 시각 분석 → 구조화 진단 보고서 반환 제약: 코드를 직접 수정하지 않음 (Write/Edit 없음). 진단만 수행. ## 도구 MCP 사용 금지. 항상 Bash로 Playwright 스크립트를 실행한다: ```bash # 단일 페이지 캡처 node /path/to/a-team/A-Team/scripts/browser/snapshot.js \ -

Installation

Installs to ~/.claude/agents/ne0cean-a-team-public-ui-inspector.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ne0cean/a-team-public/HEAD/.claude/agents/ui-inspector.md -o ~/.claude/agents/ne0cean-a-team-public-ui-inspector.md

Restart Claude Code, or start a new session, for it to be picked up.

Full documentation available on GitHub

View Source Repository