Agent skill · software engineering · aj-geddes
frontend-routing
Implement client-side routing using React Router, Vue Router, and Angular Router. Use when building multi-page applications with navigation and route protection.
Why this skill is useful
Provides specific implementation patterns and best practices for client-side routing in popular frameworks that the AI may not reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-03-04. 307 stars on the source repository.
What this skill does
Frontend Routing Table of Contents Overview When to Use Quick Start Reference Guides Best Practices Overview Implement client-side routing with navigation, lazy loading, protected routes, and state management for multi-page single-page applications. When to Use Multi-page navigation URL-based state management Protected/guarded routes Lazy loading of components Query parameter handling Quick Start Minimal working example: Reference Guides Detailed implementations in the references/ directory: Guide Contents --- --- React Router v6 React Router v6 Vue Router 4 Vue Router 4 Angular Routing Angular Routing Query Parameter Handling Query Parameter Handling Route Transition Effects Route Transition Effects Best Practices ✅ DO Follow established patterns and conventions Write clean, maintainable code Add appropriate documentation Test thoroughly before deploying ❌ DON'T Skip testing or validation Ignore error handling Hard-code configuration values
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aj-geddes/frontend-routing