cc-inspector#
Flutter Inspector 디버깅 (Master + 9 전문 Inspectors)
Flutter Inspector debugging plugin (1 skill, 10 commands, 10 agents)
Skills#
| 이름 | 설명 |
|---|---|
| flutter-inspector | Flutter 앱 런타임 디버깅과 상태 검사. 앱 오류, BLoC 상태, 내비게이션, 네트워크 요청, 폼 검증, 이미지 캐시 등 런타임 이슈를 해결할 때 사용합니다. flutter |
| flutter-inspector Reference | Detailed MCP tool API documentation, troubleshooting, and advanced patterns. |
| flutter-inspector Templates | Templates for custom inspector tool registration and debugging patterns. |
Commands#
| 이름 | 설명 |
|---|---|
| /cc-inspector:auth — 로그인 상태 점검기 | 실행 중인 앱에 직접 물어 로그인 여부·로그인 방식·access/refresh 토큰 만료와 현재 사용자 ID·이메일·권한을 보여줍니다 — 인증이 풀리거나 토큰이 만료되는 원인을 찾 |
| /cc-inspector:bloc — 화면 상태 들여다보기 | 실행 중인 앱의 BLoC/Cubit 목록과 각각의 현재 상태값·상태 변경 이력·이벤트 이력을 꺼내 보여줍니다 — 화면은 그대로인데 상태가 왜 안 바뀌는지 추적할 때. |
| /cc-inspector:config — 앱 설정·기능 스위치 점검기 | 실행 중인 앱의 전체 설정값(민감 값은 마스킹)·특정 항목·기능 플래그 on/off·현재 환경과 버전을 그 자리에서 읽어 보여줍니다 — 잘못된 환경이나 꺼진 플래그를 의심할 때. |
| /cc-inspector:form — 입력 폼이 안 될 때 들여다보는 도구 | 실행 중인 앱의 폼 목록과 칸별 입력값·통과 여부·오류 메시지를 보여주고 검증을 수동으로 한 번 돌려봅니다 — 입력 화면이 왜 다음으로 안 넘어가는지 짚을 때. |
| /cc-inspector:image — 이미지 메모리 진단 | 실행 중인 앱의 이미지 캐시 점유율과 메모리 사용량을 재고, 과대 이미지에 점수·개선 제안을 붙이며 캐시를 비워 메모리를 회수합니다 — 이미지 때문에 앱이 무거울 때. |
| /cc-inspector:log — 앱 로그 들여다보기 | 실행 중인 앱의 최근 로그를 시간순으로 꺼내고, 에러만 스택 트레이스까지 추리거나 키워드 검색·종류별 통계·비우기를 합니다 — 방금 무슨 일이 있었는지 되짚을 때. |
| /cc-inspector:nav — 화면 이동(내비게이션) 점검 도구 | 실행 중인 앱의 현재 route·지나온 화면 기록·넘어온 파라미터를 보여주고 이동/뒤로/교체/초기화를 직접 시켜봅니다 — 화면이 왜 안 바뀌는지 짚을 때. |
| /cc-inspector:network — 앱 통신 기록 살펴보기 | 실행 중인 앱이 서버와 주고받은 HTTP 기록을 주소·소요 시간·성패로 보여주고, 401/500/타임아웃 등 실패 건만 추리거나 통계·비우기를 합니다 — 화면이 비거나 로그인이 안 |
| /cc-inspector:ui — 화면 구조 들여다보기 | 실행 중인 앱의 위젯 트리 구조, 화면 밖으로 넘친 overflow 위치, 화면 크기, 특정 위젯 검색, 표시 중인 모든 텍스트를 뽑아 보여줍니다 — 레이아웃이 깨진 자리를 찾을 |
| inspector | 실행 중인 Flutter 앱을 진단하는 9개 서브 인스펙터(nav·bloc·auth·network·log·ui·config·form·image)로 라우팅하는 허브 — 증상만 말하면 |
Agents#
| 이름 | 설명 |
|---|---|
| flutter-inspector | Flutter runtime debugging master. Coordinates 9 sub-inspectors for app state inspection |
| flutter-inspector-auth | Authentication state debugging specialist. Use for login/token/user info inspection |
| flutter-inspector-bloc | BLoC state debugging specialist. Use for state tracking and event history inspection |
| flutter-inspector-config | Configuration debugging specialist. Use for environment variable and feature flag inspection |
| flutter-inspector-form | Form debugging specialist. Use for validation and error message inspection |
| flutter-inspector-image | Image debugging specialist. Use for cache analysis and memory usage inspection |
| flutter-inspector-log | Log debugging specialist. Use for app log collection and error tracking |
| flutter-inspector-nav | Navigation debugging specialist. Use for GoRouter route and history inspection |
| flutter-inspector-network | Network debugging specialist. Use for HTTP request/response logging and API analysis |
| flutter-inspector-ui | UI debugging specialist. Use for widget tree and layout overflow inspection |
관련 플러그인#
| 플러그인 | 설명 |
|---|---|
| cc-bricks | cob(co-bricks) 기반 브릭 생성 가이드. kobic Clean Architecture feature 모듈 11종 + 그린필드 프로젝트 초기 세팅(project-init |
| cc-compass | 코코드 스킬 저장소 나침반 — 작업 유형(워크플로우/도구/규칙/레퍼런스)에 따라 알맞은 플러그인·커맨드·스킬로 안내 |
| cc-dev | 개발 사이클 자동화 (이슈 사이클, 버그 사이클, 세션, ZenHub, Agent Teams) |
| cc-pixel-loop | Figma + Marionette + Dart MCP를 활용한 픽셀 퍼펙트 Flutter UI 에이전틱 루프 (Read → Write → Reload → Capture → Comp |
| cc-security | 보안 통합 — API/앱 보안, 보안 감사, CI 시크릿, 결제/IAP 엔드포인트 보안, 도서 PDF DRM (구 cc-uiux-security 확장) |
설치#
claude plugins install coco-de/skills/plugins/cc-inspector