LogoSkills

/cc-inspector:nav — 화면 이동(내비게이션) 점검 도구

실행 중인 앱의 현재 route·지나온 화면 기록·넘어온 파라미터를 보여주고 이동/뒤로/교체/초기화를 직접 시켜봅니다 — 화면이 왜 안 바뀌는지 짚을 때.

/cc-inspector:nav — 화면 이동(내비게이션) 점검 도구#

항목내용
실행 명령/cc-inspector:nav
분류개발
난이도●○○ 간단
MCP 서버flutter-inspector

한마디로#

앱에서 화면이 왜 안 바뀌는지, 어디로 이동했는지를 실시간으로 들여다보는 도구입니다. 건물 안에서 "지금 내가 몇 층에 있고, 어떤 경로로 여기까지 왔는지" 확인하는 안내판과 같아요.

누가·언제 쓰나요#

앱을 만드는 개발자(또는 개발을 돕는 AI)가 다음과 같은 화면 이동 문제를 만났을 때 씁니다.

  • 버튼을 눌러도 화면이 다음으로 넘어가지 않을 때
  • 화면을 넘기면서 함께 전달해야 할 정보(파라미터)가 제대로 안 넘어갈 때
  • 외부 링크(딥링크)로 들어왔을 때 엉뚱한 화면이 열릴 때

무엇을 해주나요#

지금 앱의 화면 이동 상태를 그대로 보여주고, 직접 이동시켜 볼 수도 있습니다.

  • 현재 화면 위치 확인 (현재 route 정보)
  • 지나온 화면 기록 확인 (navigation history 스택)
  • 현재 화면에 넘어온 정보 확인 (route 파라미터)
  • 원하는 화면으로 직접 이동/뒤로 가기/교체/초기화 테스트

어떻게 쓰나요#

# 지금 어느 화면에 있는지 확인
/inspector/nav current

# 지금까지 거쳐온 화면 기록 확인
/inspector/nav history

# 특정 경로(: /home)로 이동 테스트
/inspector/nav go /home

current는 현재 위치, history는 이동 기록, go <경로>는 그 경로로 직접 이동해 보는 명령입니다.

안에서 무슨 일이 벌어지나요#

문제 유형에 따라 아래 순서로 원인을 좁혀 갑니다.

  • 화면이 안 넘어갈 때: 현재 위치를 확인하고 → 이동 기록 상태를 본 뒤 → 화면 경로 설정이 맞는지 점검합니다.
  • 정보가 안 넘어올 때: 현재 화면에 들어온 파라미터를 확인하고 → 보내는 쪽 코드와 받는 쪽 해석 코드를 점검합니다.
  • 뒤로 가기가 이상할 때: 이동 기록의 깊이를 확인하고 → 뒤로 가기를 테스트한 뒤 → 뒤로 가기 처리 로직을 점검합니다.

⚙️ 상세 옵션·실행 명세 (개발자 / AI 에이전트용)

Triggers#

  • Screen transition issues
  • Route parameter issues
  • Deep link debugging

MCP Tools#

Returns current route information.

Returns the navigation history stack.

Returns the current route's parameters.

Navigates to a specific path.

Pushes a new path onto the stack.

Pops the current route.

Replaces the current route.

Clears the navigation stack.

Common Diagnostics#

Screen not transitioning#

1. nav_get_current_route - >   Check current location
2. nav_get_history - >   Check stack state
3. Review route definitions

Parameters not passed#

1. nav_get_params - >   Check current parameters
2. Review sending side code
3. Review receiving side parsing

Back navigation issues#

1. nav_get_history - >   Check stack depth
2. Test nav_pop
3. Review popUntil logic

Examples#

Check current route#

/inspector/nav current

Check navigation history#

/inspector/nav history

Test navigation to specific path#

/inspector/nav go /home

References#

  • Detailed implementation: .claude/agents/flutter-inspector-nav.md
  • Master inspector: .claude/commands/inspector.md