Skills
.Work. You
Rest

angular-control-flow

Community

Modernize Angular templates with control flow

Software Engineering#templates#performance#angular#migration#control-flow#defer#ngfor
Authoroguzhan18
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helps developers replace legacy structural directives and hand-rolled conditional rendering with the new Angular control flow syntax to simplify templates, improve readability, and enable better performance and lazy-loading patterns.

Core Features & Use Cases

  • Migration Guidance: Step-by-step recommendations to migrate *ngIf, *ngFor, and ngSwitch to @if, @for, and @switch while preserving semantics.
  • Performance & Best Practices: Guidance on using track with @for, empty-state handling, and using @defer with placeholders for lazy-loaded views.
  • Use Case: Port a large Angular 16 codebase to Angular 17+ templates, replacing legacy directives, adding track functions for lists, and adopting defer for heavy components.

Quick Start

Use the angular-control-flow skill to convert a component using *ngIf and *ngFor to @if and @for and produce a concise migration diff and performance notes.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: angular-control-flow
Download link: https://github.com/oguzhan18/angular-ecosystem-skills/archive/main.zip#angular-control-flow

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.