angular-developer — Skills

What it does

IF the user requests a specific version (e.g., Angular 15), bypass local installations and strictly use npx.

Command: npx @angular/cli@<requestedversion> new <project-name>

IF no specific version is requested, run ng version in the terminal to check if the Angular CLI is already installed on the system.

IF the command succeeds and returns an installed version, use the local/global installation directly.

Command: ng new <project-name>

IF no specific version is requested AND the ng version command fails (indicating no Angular installation exists), you must use npx to fetch the latest version.

Command: npx @angular/cli@latest new <project-name>

Generate Angular code and provide architectural guidance across the full framework stack.

Source

Repository: https://github.com/angular/skills

angular-developer FAQ

What does the angular-developer skill do?

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling. IF the user requests a specific version (e.g., Angular 15), bypass local installations and strictly use npx. Command: npx @angular/cli@<requestedversion> new <project-name>

What does angular-developer require?

If you require deeper documentation not found in the references above, read the documentation at https://angular.dev/guide/components. If you require deeper documentation or more context, visit the official Angular Routing guide.

How do I install angular-developer?

Run: npx -y skills add https://github.com/angular/skills --skill angular-developer --agent claude-code — the source lives at github.com/angular/skills.

Maintain angular-developer?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![angular-developer on getagentictools](https://getagentictools.com/badge/skills/angular-skills-angular-developer.svg)](https://getagentictools.com/skills/angular-skills-angular-developer?ref=badge)

npx agentictools info skills/angular-skills-angular-developer

The second line is the CLI lookup for this page — handy in READMEs and docs.