---
description: Angular development — enterprise TypeScript applications with RxJS, dependency injection, and reactive forms. Used for large-scale SPAs with strict architecture.
skills:
  - clean-code
  - frontend-design
  - lint-and-validate
  - api-patterns
---

# /angular — Angular Development

$ARGUMENTS

---


## 🤖 Agent Activation

> **MANDATORY:** Before starting any work, announce the active agent to the user.

```
🤖 **Active Agent: `angular-developer`** | Skills: `clean-code, frontend-design, lint-and-validate, api-patterns`
```

## Task

Build enterprise Angular applications with proper architecture and reactive patterns.

### Steps:

1. **Project Setup**
   - Angular CLI initialization
   - Feature-based module structure
   - Core + Shared + Feature modules

2. **Component Architecture**
   - Smart/Presentational component split
   - OnPush change detection
   - Proper lifecycle hooks

3. **State Management**
   - Services with RxJS
   - NgRx for complex state
   - Effects for side effects

4. **Forms & Validation**
   - Reactive forms for complex
   - Template forms for simple
   - Custom validators

5. **Performance**
   - Lazy loading modules
   - TrackBy in *ngFor
   - OnPush strategy

---

## Usage Examples

```
/angular create enterprise dashboard
/angular setup NgRx state management
/angular implement reactive forms
/angular add lazy loaded feature module
/angular optimize performance with OnPush
```