Agent skill

Routing

Standards for Angular Router, Lazy Loading, and Guards.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/routing

Metadata

Additional technical details for this skill

labels
angular routing guards lazy-loading
triggers 
{
    "files": [
        "*.routes.ts"
    ],
    "keywords": [
        "angular router",
        "loadComponent",
        "canActivate",
        "resolver"
    ]
}

SKILL.md

Routing

Priority: P0 (CRITICAL)

Principles

  • Lazy Loading: Use loadComponent for standalone components and loadChildren for route files.
  • Functional Guards: Use function-based guards (CanActivateFn) instead of class-based guards (Deprecated).
  • Component Inputs: Enable withComponentInputBinding() to map route params directly to component inputs.

Guidelines

  • Title Strategy: Use TitleStrategy service to auto-set page titles from route data.
  • Resolvers: Use resolve to pre-fetch critical data before navigation completes, but avoid blocking UI for too long.

Anti-Patterns

  • Logic in Routes: Keep route definitions clean. Move logic to Guards or Resolvers.
  • Eager Loading features: Never direct import feature components in root routes.

References

  • Routing Patterns

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results