Angular Control Flow

If you're working on Angular 17+ projects, this skill teaches Claude the new control flow syntax that replaced the old structural directives. Instead of *ngIf and *ngFor, you get @if, @for, @switch, and @defer with cleaner templates and better performance. The @defer block is especially nice for lazy loading heavy components on viewport or hover. The skill includes migration commands and practical examples with signals, track functions for loop optimization, and @empty blocks for handling empty states. It's straightforward reference material that covers the syntax shift Angular made in 2023, so Claude won't try to write the old directive syntax when you're on a modern codebase.

Install to Claude Code

npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-control-flow --agent claude-code