ワンクリックで
app-shell-design
Define app shell structure, navigation model, and reusable surface patterns for web/mobile apps
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Define app shell structure, navigation model, and reusable surface patterns for web/mobile apps
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Optimize token usage and context window discipline. Reduce costs and improve response quality through smart context management.
Unified context lifecycle for FlowDeck sessions — ingest, filter, prune, protect, summarize, and persist with telemetry.
Predict affected files, modules, APIs, tests, and DB paths before changes. Returns an impact map for human review.
Map architecture, conventions, and file structure into `.codebase/`. Use when onboarding or before deep feature work.
Plan differently when the agent has low certainty — ask for clarification or narrow scope instead of pretending full understanding.
Protect critical context from pruning during compaction. Preserve active plans, safety files, pending operations, and user intent anchors.
| name | app-shell-design |
| description | Define app shell structure, navigation model, and reusable surface patterns for web/mobile apps |
| origin | FlowDeck |
Standardizes navigation and page frame behavior across app surfaces.
Use for: "Design app shell and navigation for a kanban productivity app."