UI Inspector — Design agent for Claude Code
UI 시각 검증 에이전트.
How to install UI Inspector
Installs to ~/.claude/agents/ne0cean-a-team-public-ui-inspector.md
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.
What UI Inspector does
UI 시각 검증 에이전트.
Alternatives in Design
- Omd UX Engineer — 섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안 465 ★
- Session Replay — Visual session inspector — opens a session, views screenshots at key timestamps, diffs before/after states, an 62 ★
- Ferrox A11y Design Reviewer — Design-phase WCAG 2.1 AA review of UI artifacts covering contrast, semantics, focus, and ARIA 23 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Playtester
타워 디펜스 플레이테스터. Chrome 브라우저 자동화로 게임을 실제 플레이 — 타워 건설/업그레이드/판매, 웨이브 진행, 승패 도달 — 하며 버그·난이도 체감·UX 문제를 리포트. 플레이테스트·실
Code Validator
코드 artisan 규칙 검증 전문가. design-implementer가 생성한 코드를 검증하여 violations를 구조화된 형식으로 반환한다. Haiku 모델로 실행되는 경량 검증기.
Ascii UI Mockup Generator
ASCII UI 와이어프레임 전문가. 구현 전에 화면 구조나 레이아웃 대안을 텍스트 목업으로 비교해 달라는 명시적 요청에 사용.
UI Verifier
4·5단계 브라우저 화면 검증 에이전트. 로컬에서 BE·FE 를 띄운 Playwright 헤드리스 실행(DOM 단언·콘솔 오류·네트워크 오류·toHaveScreenshot 픽셀 비교)을 돌리고, t
Android Figma UI Analyzer
피그마 디자인에서 UI 배치, 컴포넌트, 디자인 토큰 매핑 등 시각적 요소만 분석. CRM B2B Compose 디자인시스템 (compose/theme/, compose/component/) 매핑까
Phase Design
Phase 3-4 통합 에이전트. 워크플로우 스텝 시퀀스와 각 스텝의 에이전트 파이프라인을 단일 컨텍스트에서 설계한다.
Related Skills
QA Check
프로젝트 전체 QA 점검. 버그, 보안, 설정, 의존성 문제를 종합 진단한다. '버그 있나 봐줘', '프로젝트 점검', '코드 건강 체크', 'QA', '전체 리뷰', '출시 전 점검' 같은 요청에
Chrome 브라우저 자동화 (Claude-in-Chrome)
관찰 위치: Claude Code 내부 아키텍처 변수: BASE_CHROME_PROMPT, CHROME_TOOL_SEARCH_INSTRUCTIONS, CLAUDE_IN_CHROME_SKILL_HIN
Court Auction Scraper
법원경매정보 자동 검색 AI 스킬 v2 — 브라우저 크래시 해결, Claude Code/OpenClaw/Antigravity 3-플랫폼 호환