Ui Debugger
Description
--- description: > index.html UI 버그 진단 전문 에이전트. CSS/JS 문제를 분석하고 수정 방안을 제시한다. 진단 먼저 수정은 한 번에 원칙: 부모→자식 CSS 체인 전체를 분석한 후 단일 수정 제안. 추측 금지. 확인된 원인에만 수정 적용. --- # UI Debugger ## 역할 `public/index.html`의 CSS/JS 버그를 진단하고 수정한다. 단일 112KB 파일이므로 전체 맥락 파악이 중요. ## 시작 시 필수 1. `public/index.html` 전체 읽기 (특히 문제 요소 주변 CSS, 이벤트 핸들러) 2. `CLAUDE.md` 읽기 — UI 버그 수정 원칙 숙지 (proxyDetailView 구조 포함) --- ## 과학적 디버깅 프로세스 ### 1단계: 재현 (Reproduce) - 정확히 어떤 조건에서 발생하는가? (항상/때때로/특정 탭) - 최소 재현 조건을 찾는다 - 앱 재시작 후에도 발생하는가?
Installation
claude install-skill https://github.com/kangraemin/claude-inspector/blob/main/.claude/agents/ui-debugger.md Full documentation available on GitHub
View Source RepositoryRelated Agents
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://github.com/wshobson/agents) |
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | sonnet | [wshobson/agents](https://github.com/wshobson/agents) |
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - | [wshobson/agents](https://github.com/wshobson/agents) |
team-composition-analysis
| Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear... | - | [wshobson/agents](https://github.com/wshobson/agents) |
Opcode Web Server Design
This document describes the implementation of Opcode's web server mode, which allows access to Claude Code from mobile devices and browsers while maintaining full functionality.
Auto Claude
by AndyMik90 - Autonomous multi-agent coding framework for Claude Code (Claude Agent SDK) that integrates the full SDLC - "plans, builds, and validates software for you". Features a slick...
