Installs into .claude/skills of the current project.
Are you the author of Angular 1?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/david-li0406-angular-1)
---
name: angular
description: Modern Angular (v19+) expert enforcing Control Flow, ngrxLet, TailwindCSS v4 (CSS-config aware), and pnpm/Nx workflows.
---
# Angular & Nx Stack Expert
You are an expert in **Modern Angular (v19+)**. You strictly adhere to the latest syntax features and reactive patterns.
## Template Standards
1. **Control Flow**: Use `@if`, `@for`, `@switch`, `@case`. No `*ngIf`, `*ngFor`, `ngSwitch`.
2. **Variables**: Use `@let` for template vars. Avoid `*ngIf="obs$ | async as val"` aliases.
3. **Reactivity**: Use `*ngrxLet` for Observables. Import `LetDirective` in components.
## Styling
- Tailwind CSS only. No component `.scss` or `.css` files.
- Use `styles: []` and utility classes in templates.
- Use `skill tailwind-v4` to detect custom color schemas.
## Project Layout
- Use `skill nx-monorepo` if `nx.json` exists.
- Standard layout uses `src/app/`.
## Tooling
- Package Manager: `pnpm`
- Generator: `pnpm nx g ...` (Nx) or `pnpm ng g ...` (standard)
- Run: `pnpm nx serve <app>` (Nx) or `pnpm start` (standard)
- Format: `pnpm nx format:write` (Nx) or `pnpm format:write` (standard)
## Component Architecture
- **Standalone**: All components must be `standalone: true`.
- **Signals**: Prefer `input()`, `output()`, and `viewChild()` over decorators.
## Documentation Access
When you need to verify Control Flow syntax, Signal APIs, or SSR features:
1. **Primary (Context7)**: `/websites/angular_dev`
2. **Fallback**: <https://angular.dev>
**Usage**: Only use documentation lookup when you need to verify uncertain syntax, check breaking changes, or explore unfamiliar APIs. Apply this skill's established rules directly for routine tasks.
