angular-routing
analogjs/angular-skills
DEPRECATED: Angular v20+ routing with lazy loading, guards, and resolvers—use official Angular skills instead.
What is angular-routing?
This skill implements routing in Angular v20+ applications, including lazy loading, functional guards, resolvers, and route parameters. It is deprecated and unmaintained; the Angular team now publishes official skills that should be used instead.
- Configure routes with lazy loading
- Implement functional route guards for authentication
- Set up route resolvers for data preloading
- Handle route parameters with signals
- Create nested routing structures
- Protect routes with authentication logic
How to install angular-routing
npx skills add https://github.com/analogjs/angular-skills --skill angular-routing- Angular v20 or later
- Basic understanding of Angular components and modules
How to use angular-routing
- 1.Remove this deprecated skill and install the official Angular skills from https://github.com/angular/skills
- 2.Run: npx skills add https://github.com/angular/skills
- 3.Follow the official Angular routing documentation for implementation guidance
Use cases
- Setting up navigation between application pages
- Protecting routes that require user authentication
- Loading feature modules on demand to improve performance
- Pre-fetching data before navigating to a route
- Building multi-level nested route hierarchies
- Angular developers building v20+ applications
- Teams implementing authentication and authorization
- Developers optimizing app performance with lazy loading
- Engineers managing complex navigation structures
angular-routing FAQ
The Angular team now publishes official, maintained skills at angular/skills. This skill is no longer maintained and its guidance has been removed to prevent staleness.
Uninstall with npx skills remove analogjs/angular-skills and install the official skills with npx skills add https://github.com/angular/skills.
This skill targets Angular v20 and later, but you should use the official Angular skills for current guidance.
Full instructions (SKILL.md)
Source of truth, from analogjs/angular-skills.
name: angular-routing description: DEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data loading, and nested routing. Triggers on route configuration, adding authentication guards, implementing lazy loading, or reading route parameters with signals.
Angular Routing
⚠️ Deprecated. This skill is no longer maintained, and its guidance has been removed rather than left to go stale. The Angular team now publishes official skills at angular/skills — install those instead:
npx skills add https://github.com/angular/skillsTo remove these:
npx skills remove analogjs/angular-skills
The previous contents of this skill remain available in this repository's git history.
Related skills
More from analogjs/angular-skills and the wider catalog.
angular-signals
DEPRECATED: Signal-based reactive state management for Angular v20+ (use official Angular skills instead)
angular-ssr
DEPRECATED: Server-side rendering and hydration for Angular v20+ (use official Angular skills instead)
angular-testing
DEPRECATED: Use official Angular skills instead. Unit and integration testing for Angular v20+ with Vitest or Jasmine.
angular-tooling
DEPRECATED: Use official Angular skills instead. Angular CLI tooling for v20+ projects.
reanimated-skia-performance
Write and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, runtime effects/shaders). Use for: gesture-driven interactions, spring/timing transitions, layout/mount animations, Reanimated CSS transitions/animations, Skia drawings, animated shader uniforms, path/vector interpolation, dev-mode tuning panels (sliders), and diagnosing animation jank (JS thread stalls, excessive re-renders, per-frame allocations).
ralph-loop
Automated agent-driven development loop: define features as user stories, run AI agents iteratively until all acceptance criteria pass.