angular-modern-apis
Guidelines for using modern Angular APIs (signals, inject, control flow)
npx skills add mgechev/skillgrade --skill angular-modern --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Angular Modern APIs This skill describes the mandatory coding standards for Angular components in our codebase. ## Rules All Angular components must follow these rules: 1. **Use signal-based inputs** — Use `input()` and `output()` instead of `@Input()` and `@Output()` decorators 2. **Use `inject()` for DI** — Use `inject()` function instead of constructor parameter injection 3. **Use built-in control flow** — Use `@if`, `@for`, `@switch` instead of `*ngIf`, `*ngFor`, `*ngSwitch` ## Examples ### Signal inputs (correct) ```typescript import { Component, input, output } from '@angular/core'; @Component({ ... }) export class UserProfileComponent { name = input.required<string>(); age = input(0); saved = output<void>(); } ``` ### inject() for DI (correct) ```typescript import { Component, inject } from '@angular/core'; import { UserService } from './user.service'; @Component({ ... }) export class UserProfileComponent { private userService = inject(UserService); } ``` ### Built-in control flow (correct) ```html @if (user()) { <h1>{{ user().name }}</h1> } @else { <p>No user found</p> } @for (item of items(); track item.id) { <li>{{ item.name }}</li> } ```
- Rules
- Examples
- Signal inputs (correct)
- inject() for DI (correct)
- Built-in control flow (correct)
What does the angular-modern-apis skill do?
Guidelines for using modern Angular APIs (signals, inject, control flow)
How do I install it?
Run `npx skills add mgechev/skillgrade --skill angular-modern --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From mgechev/skillgrade, a repository with 658 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.