Screen Management & Navigation
CommunityNavigate and manage screens with ScreenManager
Software Engineering#navigation#lifecycle#frontend-architecture#input-handling#screen-management#screenmanager#ui-modularity
Authorgabathanasiou
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The ScreenManager framework standardizes how full-screen modules are added, navigated, and lifecycle-managed, ensuring consistent state, input handling, and navigation history across the app.
Core Features & Use Cases
- Lifecycle-driven screen interface: each screen implements onEnter, onExit, onResume, and handleInput to manage transitions and user input.
- Centralized navigation: ScreenManager.push, pop, replace, and clear enable predictable user flows and history management.
- Step-by-step integration: create a new screen HTML, register it with the manager, and wire up input modes and visibility mappings.
- Use Case: Add an informational screen that can be stacked on top of a battle view without disrupting underlying state.
Quick Start
Add a new screen HTML element, register it with ScreenManager, and implement its lifecycle and input handling.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Screen Management & Navigation Download link: https://github.com/gabathanasiou/Pokemon-battle-modular/archive/main.zip#screen-management-navigation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.