ui-shell-routing

Manages Myelin platform routing, navigation guards, URL structure, and state preservation.

1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/Seth-arc/myelin-platform --skill ui-shell-routing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-shell-routing
Source: https://github.com/Seth-arc/myelin-platform/tree/main/primary_build_source/docs/skills/4/mnt/user-data/outputs/ui-shell-routing
Command: npx skills add https://github.com/Seth-arc/myelin-platform --skill ui-shell-routing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures consistent and predictable navigation within the Myelin platform, preventing users from losing progress and maintaining the integrity of deep links and bookmarks.

Core Features & Use Cases

  • Authoritative URL Structure: Defines all public, learner, lecturer, and super-admin routes.
  • Route Guards: Implements authentication, consent, role, and tenant scope checks.
  • State Preservation: Restores scroll position and filter state for list views.
  • Page Transitions: Manages loading indicators and confirms navigation during active simulations.
  • Use Case: When developing a new feature that requires user authentication and role-based access, consult this Skill to define the correct URL, implement the necessary guards, and ensure state is preserved if the user navigates away and back.

Quick Start

Use the ui-shell-routing skill to define the URL structure for the new learner dashboard.

Frequently Asked Questions about ui-shell-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement client-side routing with authentication and role-based access control?

Client-side routing with role-based access control is implemented by defining authoritative URL structures and applying route guards. These guards enforce authentication, consent, role checks, and tenant scope validation before allowing navigation to protected routes.

What is the best way to preserve user progress like scroll position and filter state during page navigation?

Preserving user progress during page navigation is handled through state persistence and restoration mechanisms. The system specifically restores scroll positions and filter states for list views, ensuring users do not lose their place when navigating away and back.

How do route guards manage navigation and prevent users from leaving during active page transitions?

Route guards manage navigation by enforcing consistent URL contracts and monitoring active processes. They handle page transitions by displaying loading indicators and triggering confirmation prompts to prevent users from leaving during active simulations.

How do I define URL structures for different user types like learners, lecturers, and super-admins?

Defining URL structures for different user types involves establishing an authoritative routing map that separates public, learner, lecturer, and super-admin routes. This structure ensures predictable navigation and maintains the integrity of deep links and bookmarks across the platform.

Does client-side routing state management work without external dependencies?

Client-side routing state management in this context operates with no external dependencies. It self-contains the URL structure definitions, navigation guards, and state preservation logic within the platform's internal design.

Why are deep links and bookmarks breaking during client-side navigation?

Deep links and bookmarks break during client-side navigation when route definitions lack a consistent URL contract. Enforcing an authoritative URL structure and defined route guards prevents this issue and maintains deep link integrity.