Angular Developer Skill for Claude: What It Does and How to Install It

Makes Claude write Angular code the current Angular way, then run ng build to check it.

Installs: 47.4K; on skills.sh
Stars: 708; on GitHub
Files: 43; besides SKILL.md
Updated: Oct 2026; last repo commit

angular-developer gives Claude Angular's own guidance. Claude checks your Angular version first, uses the Angular CLI to scaffold, follows the style guide, and runs ng build after generating code, fixing any errors before it finishes.

The SKILL.md is an index to 43 reference files covering components, signals, forms, dependency injection, routing, server rendering, testing and tooling. It also sets the rule for ng new: use your installed CLI if there is one, otherwise fetch the latest with npx.

Good for

Angular developers building components, services and routes
Teams moving to signals and signal forms
Developers starting a new Angular project

Install angular-developer

Claude Code

Copy this prompt.

Install the angular-developer skill in Claude Code. Run this command:

npx skills add https://github.com/angular/skills --skill angular-developer

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), queries and content projection, forms, dependency injection, routing, server and hybrid rendering (SSR, prerendering, hydration), accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, naming conventions, or CLI tooling.

Sections in SKILL.md

Creating New Projects
Components
Reactivity and Data Management
HTTP Communication
Forms
Dependency Injection
Pipes
Angular Aria
Routing
Styling and Animations
Testing
Tooling

Key facts

Author: Copyright 2026 Google LLC (SKILL.md metadata)
Repository: angular/skills
Installs on skills.sh: 47,395 as of 2026-11-02
GitHub stars: 708 for the whole angular/skills repo, 2026-11-02
License: MIT (SKILL.md frontmatter)
Last commit to the repo: 2026-10-31
What is inside: 44 files including SKILL.md: 43 reference guides
Version: 1.0 (SKILL.md metadata)
Source: The README says changes are made in angular/angular and published to angular/skills
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass

What it includes

Analyze the Angular version first; build after generating code
Claude reads your project's Angular version before advising, and runs ng build after generating code. It must fix build errors before moving on.
Runs code · Version check and ng build
ng new rules: explicit version, installed CLI, or npx latest
With a requested version Claude uses npx @angular/cli at that version. Otherwise it runs ng version and uses the installed CLI, falling back to npx @angular/cli@latest.
Try: “Create a new Angular app called shop.”
Runs code · Creating new projects
Fundamentals, inputs, outputs, host elements, naming, queries, @defer
Signal-based inputs and outputs, content projection, deferrable views and the v20+ naming style.
Write · Components (7 references)
signals, linkedSignal, resource, effect
Core signal concepts, dependent state, async data into signals, and when not to use effects.
Write · Reactivity and data (4 references)
Signal forms, template-driven, reactive
Prefers signal forms for new forms in Angular v22 and newer, and matches the existing strategy in older apps.
Write · Forms (3 references)
provideHttpClient, HttpClient, interceptors, httpResource
Covers the HTTP client, interceptors and httpResource for signal-based fetching.
Write · HTTP (1 reference)
inject(), providers, injection context, hierarchical injectors
Services, InjectionToken, useClass, useValue, useFactory and injector hierarchy.
Write · Dependency injection (5 references)
Routes, lazy loading, guards, resolvers, SSR, view transitions
Covers outlets, navigation, router lifecycle, rendering strategy choice and server and hybrid rendering.
Write · Routing and rendering (10 references)
Tailwind CSS, CSS animations, headless Aria components, pipes
Integration of Tailwind CSS, native CSS animations as the recommended route, and accessible custom components.
Write · Styling, animations, Aria, pipes (5 references)
Vitest, harnesses, router and e2e tests, CLI, migrations, MCP, environment config
Includes code modernization migrations and a reference on the Angular MCP server.
Runs code · Testing and tooling (8 references)

From the official docs

Permissions

Low risk

Claude runs Angular CLI commands in your project, may fetch the CLI with npx for new apps, and the reference files add schematics that rewrite code and commands that install packages. Review the commands and the diff before you approve them.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

Migrations rewrite your source files
references/migrations.md has Claude run ng generate @angular/core schematics (control flow, signal inputs, inject(), standalone) that change code across the project. Commit first and check the build after each stage. github.com
It can download and run the Angular CLI
When no CLI is installed, or a version is requested, it uses npx to fetch @angular/cli. Check the version in the command. github.com
It builds your project after every generation
It runs ng build in your project after generating code. Run it in projects you trust. github.com
Setup guides install packages
references/tailwind-css.md shows ng add tailwindcss and npm install tailwindcss @tailwindcss/postcss postcss. references/e2e-testing.md shows ng add for Playwright, Cypress, Nightwatch, WebdriverIO and Puppeteer, to use only when no E2E framework exists or you ask. github.com
The MCP reference starts npx @angular/cli mcp
references/mcp.md describes configuring a host to run npx @angular/cli mcp, whose tools include starting a dev server (ng serve). It is a configuration you choose to add. github.com

Technical details

Turning on read-only	No read-only switch is documented in SKILL.md.
Talks to	npm registry via npx
Scopes	Runs ng build, ng version and ng new Runs npx @angular/cli at a requested version or latest when no CLI is installed Reference files add ng generate migrations, ng add and npm install commands

Questions

What does angular-developer do?

It makes Claude generate and review Angular code with current best practices, using the Angular CLI and the 43 reference files for each topic. It builds the project afterward to catch errors.

How do I install angular-developer?

Use the install box at the top of this page. The Angular skills README shows the skills CLI route for the whole repo.

Does it run commands on my machine?

Yes. It runs ng build after generating code, and for new projects it runs ng version, then ng new or npx @angular/cli. The reference files add ng generate migrations, ng add for Tailwind and E2E frameworks, and an npm install for Tailwind. Read the commands Claude proposes before you approve them.

Does it work with older Angular versions?

It tells Claude to analyze your version first because features differ. For example, it prefers signal forms only for new forms in Angular v22 and newer, and keeps the existing form strategy in older apps.

Is angular-developer safe to use?

It bundles no scripts, but it has Claude run Angular CLI commands, including npx @angular/cli with a requested or latest version, which downloads and runs npm packages, and migration schematics that rewrite your source. Commit first and review the diff.

angular-developer vs angular-new-app?

The README lists both. angular-new-app creates a new Angular app with the CLI, while angular-developer generates code and gives architecture guidance. It also has default rules for ng new.

Information

updated Nov 2, 2026

Repository: angular/skills
Folder: angular-developer

angular/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 6

angular-developer SKILL.md · github.com
angular/skills README · github.com
migrations.md · github.com
tailwind-css.md · github.com
e2e-testing.md · github.com
mcp.md · github.com