メニュー
Use when you are changing Granite route paths, page entries, params, or navigation flow in the MiniApp frontend. Do not use for capability lookup, provider runtime work, or TDS component selection.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Decision skill for choosing TDS React Native components and UI boundaries in MiniApp screens. Use when translating product requirements into TDS components, reconciling public docs with actual exports, or deciding controlled/uncontrolled state patterns. Do not use for route design, capability lookup, provider/runtime work, or non-TDS native module decisions.
Decide how to structure an optional backoffice React screen: pick list, detail, form, dashboard, or bulk-action archetypes; place query, component, and form state; split search, table, confirm, and export boundaries; and validate loading, error, empty, disabled, and permission states. Do not use for MiniApp route design, server-provider diagnosis, or shared contract changes.
Diagnose a Cloudflare Worker-backed server workspace: classify runtime, binding, env, local dev, and client-linkage drift; check D1/R2 and base URL alignment; and separate local diagnosis from remote-state or shared-boundary work. Do not use for deploy-only repair or generic UI work.
Diagnose a Firebase-backed server workspace: choose callable, HTTP, or trigger surfaces; check project, region, emulator, and client-linkage drift; and distinguish local linkage from remote readiness or shared-boundary work. Do not use for deploy, seed, or repair procedures.
Diagnose a Supabase-backed server workspace: separate DB, RLS, Edge Function, env, and project-ref drift; check frontend and backoffice alignment; and distinguish local linkage from remote project state or shared-boundary work. Do not use for remote db apply/deploy or generic route/UI work.
Use when you are changing tRPC contracts, app-router shape, or client and server import order across the shared boundary. Do not use for provider runtime layout, remote operations, or generic route and UI work.
SOC 職業分類に基づく
| name | granite-routing |
| description | Use when you are changing Granite route paths, page entries, params, or navigation flow in the MiniApp frontend. Do not use for capability lookup, provider runtime work, or TDS component selection. |
| compatibility | Intended for create-rn-miniapp repositories. Assumes the generated frontend workspace, Granite router conventions, and docs under docs/engineering/*. |
| metadata | {"create-rn-miniapp.agentsLabel":"route / page / navigation 패턴","create-rn-miniapp.category":"core","create-rn-miniapp.order":"2"} |
이 Skill은 frontend의 route, page entry, navigation 흐름을 설계하거나 수정할 때 사용합니다.
createRoute, validateParams, navigation usage 예시가 필요할 때docs-search 또는 공식 문서tds-uitrpc-boundaryreferences/patterns.md에서 route/page/navigation 패턴을 확인한다.references/frontend-policy.md를 기준으로 본다.docs-search 또는 Granite/AppInToss 공식 문서로 확인하고, UI 선택은 tds-ui로 넘긴다.references/frontend-policy.md가 소유한다.router.gen.ts 동기화까지 같이 본다.