page-route
OfficialDesign and implement scalable app routing.
Authormahg-es
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Page routing is foundational to a coherent user experience. Ad-hoc routing leads to broken back buttons, non-shareable URLs, and navigational confusion. This skill designs and implements a routing structure with nested layouts, guards, code splitting, and SEO-friendly URLs to ensure a navigable, bookmarkable, and performant application.
Core Features & Use Cases
- Design routing structure with nested layouts, route guards, code splitting, and SEO-friendly URLs to ensure a consistent navigation experience.
- Implement authentication and authorization routing: protected routes, role guards, and verification guards.
- Provide lazy-loaded pages, Suspense fallbacks, breadcrumbs, and a 404 catch-all for robust user journeys.
- Use Case: Example project with public login and protected dashboard at /dashboard with nested routes like /users and /users/:id.
Quick Start
Map all pages (public and protected) and implement a guarded, lazy-loaded router configuration with layouts and breadcrumbs.
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: page-route Download link: https://github.com/mahg-es/araya/archive/main.zip#page-route 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 510,000+ vetted skills library on demand.