メニュー
Mobile app shell pattern with a fixed top bar, bottom navigation, and content spacing that prevents overlap with route content.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Enforce local guidance files for new folders, require top-of-file description comments, and promote repeatable patterns into reusable skills.
Validate and enforce consistency between Next.js App Router page routes and `docs/status/PAGE-UPGRADE-BOARD.md` before status sync work.
Diagnose Supabase RPC and query paths that return empty data, wrong data, or runtime errors.
Run Supabase MCP work in a predictable order and document each change clearly.
Compare DangApp code, docs/status artifacts, and local guidance files before deciding what to update.
Collect DangApp implementation patterns before adding new routes, feature modules, or data-contract changes.
| name | dangapp-app-shell |
| description | Mobile app shell pattern with a fixed top bar, bottom navigation, and content spacing that prevents overlap with route content. |
/main routes.frontend/src/components/shared/AppShell.tsx