본문으로 건너뛰기
cccskills
무료GitHub에 공개

mobile-navigation

Use this skill when changing routes, tabs, guards, back-button behavior, or any navigation flow including notification-tap navigation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app
설치 방법 보기

포함된 파일(1)

  • SKILL.md1.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

mobile-navigation — Canonical Skill

Purpose

Preserve the verified @ionic/vue-router navigation model and back-button behavior.

When to use

Routes, tabs, guards, params, redirects, modals-as-pages, back-button, or notification/deep-link entry navigation.

Required reading

  • skills/mobile/NAVIGATION.md
  • docs/agent/MOBILE_ARCHITECTURE.md (router flow)

Relevant project locations

  • src/router/index.ts, src/App.vue, src/pages/tabs/index.vue
  • src/composables/useBase.ts (appNavigateTo, getCurrentPath)

Mandatory rules

  1. Guard: only meta.noRequireAuth === true bypasses auth (router/index.ts).
  2. Single useBackButton(-1, …) in App.vue — never add competing handlers.
  3. Tabs are children of /tabs/ (home/chat/other); keep nesting consistent.
  4. Route navigation through the guard. Several links point at routes that do not exist (/post/view/:id, /user/view/:id, /notifications, /hashtag/*, menu /permission /role /user /chats /feed — KNOWN_ISSUES #23); they fall to the catch-all 404. Add the route before relying on a link.

Implementation workflow

  1. Trace the affected route chain + guard outcome.
  2. Test forward, back, guard-redirect, and tab-switch paths.
  3. Confirm back-button priority/cleanup; no duplicate listeners.
  4. Verify per mobile-testing, including lifecycle on cached pages.

Verification

Route/guard unit checks + manual navigation matrix on web; Android back-button only verified on device/emulator.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

mobile-api

무료

Use this skill when adding or changing REST API calls, HTTP client config, error handling, uploads/downloads, or network behavior.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

mobile-auth

무료

Use this skill when working on login, logout, session restore, tokens, route guards, or any authentication and authorization behavior.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

mobile-build-release

무료

Use this skill when building, syncing Capacitor, or preparing Android/iOS releases and environment configuration.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

mobile-components

무료

Use this skill when creating, modifying, or debugging Ionic Vue components, pages, forms, dialogs, or theme/safe-area UI behavior.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

mobile-core

무료

Use this skill for any Ionic Vue + Capacitor mobile work: Vue architecture, Composition API, TypeScript, state, env config, shared conventions. Required for every implementation task alongside mobile-testing.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

mobile-deep-links

무료

Use this skill when handling inbound URLs, custom schemes, app links, universal links, or URL-bearing notification payloads.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bekaku/vue-ionic-example-app62026년 10월 19일 업데이트

bekaku의 스킬 모두 보기

이 스킬의 문제 신고