Ui Inspector
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
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 RepositoryRelated Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Design Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Design Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://
Design ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | son
Design Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - |
Design team-composition-analysis
| Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear... | -
Design Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy