angular-di

Overview

Angular DI is a Claude Code skill that provides comprehensive guidance for implementing dependency injection in Angular v20+ using the modern inject() function, injection tokens, and provider configuration. It covers service architecture patterns including singleton, component-scoped, and route-level providers, helping AI agents generate properly structured Angular services.

Key Features

• Modern inject() Function - Use inject() instead of constructor injection for cleaner, more flexible dependency resolution in components and services
• Provider Scopes - Configure dependencies at root level (singleton), component level (instance per component), or route level (shared within route tree) for precise control
• Injection Tokens - Create typed injection tokens for values, objects, and factory-provided dependencies using InjectionToken with optional self-providing factories
• Injectable Services - Build services with @Injectable({ providedIn: 'root' }) using signals for reactive state management
• Hierarchical DI Patterns - Understand and leverage Angular's dependency injection hierarchy for managing singleton vs scoped services

Who is this for?

This skill is designed for Angular v20+ developers who need to set up service architecture, configure providers at different levels, and use injection tokens for dependency management. It is ideal for teams adopting modern Angular patterns with inject() and signals for reactive, well-structured applications.