Menu
Define app shell structure, navigation model, and reusable surface patterns for web/mobile apps
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
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.
Based on SOC occupation classification
| 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."
