angular-development

# Angular Development Skill Expert assistance for building enterprise Angular applications with modern patterns and best practices. ## Capabilities - Create Angular components with standalone API - Implement services with dependency injection - Configure routing with lazy loading - Build reactive forms and template-driven forms - Use Angular signals for reactivity - Set up enterprise architecture patterns ## Usage Invoke this skill when you need to: - Build Angular applications - Create modular architecture - Implement forms and validation - Set up Angular routing - Configure dependency injection ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | componentName | string | Yes | Component name | | standalone | boolean | No | Use standalone components (default: true) | | features | array | No | routing, forms, http, signals | | style | string | No | css, scss, less | ### Configuration Example ```json { "componentName": "UserProfile", "standalone": true, "features": ["signals", "forms"], "style": "scss" } ``` ## Component Patterns ### Standalone Component with Signals ```typescript // components/user-profile.component.ts import { Component, signal, computed, input, output } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; interface User { id: string; name: string; email: string; } @Component({ selector: 'app-user-profile', standal...