angular-plugin

ng — Angular Plugin for Claude Code

Angular development assistant — generate, review, test and migrate Angular apps

Install

Requires Claude Code v1.0.33 or later. Run claude --version to check.

Option 1 — Inside Claude Code (recommended)

Open Claude Code in any project and run these two commands:

# Step 1: add the marketplace
/plugin marketplace add mayeedwin/angular-plugin

# Step 2: install the plugin (user scope — available in all your projects)
/plugin install ng@angular-plugin

Verify it worked — run /help and look for ng:* commands in the list.

Option 2 — CLI (non-interactive)

# Add the marketplace to your user settings
claude plugin install ng@angular-plugin

Option 3 — Official Anthropic marketplace (pending review)

Once approved, no marketplace step needed:

/plugin install ng

Option 4 — Local development / testing

git clone https://github.com/mayeedwin/angular-plugin
claude --plugin-dir ./angular-plugin

---

Installation scopes

By default the plugin is installed to your user scope — available across all your projects.

Scope	What it means	Install flag
user (default)	Available in all your projects	(no flag needed)
project	Checked into .claude/settings.json — shared with your team	--scope project
local	Project-specific, gitignored	--scope local

Share with your team — install at project scope so everyone who clones the repo gets it:

/plugin install ng@angular-plugin --scope project

Or add to .claude/settings.json manually so Claude Code prompts teammates on first open:

{
  "extraKnownMarketplaces": {
    "angular-plugin": {
      "source": { "source": "github", "repo": "mayeedwin/angular-plugin" }
    }
  },
  "enabledPlugins": {
    "ng@angular-plugin": true
  }
}

---

Manage the plugin

All commands work both inside Claude Code (with /) and from the terminal (with claude plugin):

Action	Inside Claude Code	Terminal
Update	/plugin update ng@angular-plugin	claude plugin update ng@angular-plugin
Disable (keep installed)	/plugin disable ng@angular-plugin	claude plugin disable ng@angular-plugin
Re-enable	/plugin enable ng@angular-plugin	claude plugin enable ng@angular-plugin
Uninstall	/plugin uninstall ng@angular-plugin	claude plugin uninstall ng@angular-plugin

Commands

Command	Description
/ng:generate [type] [name] [path?]	Scaffold any Angular artifact — mirrors ng generate
/ng:review [path?]	Code review with categorised issues (blockers / warnings / suggestions)
/ng:store [feature] [path?]	Generate a complete NgRx feature store
/ng:test [file-path]	Generate unit tests for any Angular artifact
/ng:migrate [type] [path?]	Migrate deprecated patterns to modern Angular
/ng:docs [file-path]	Add TSDoc comments and documentation

Generate examples (mirrors Angular CLI)

/ng:generate component user-profile pages/users
/ng:generate service auth core/services
/ng:generate guard auth core/guards
/ng:generate interceptor jwt core/interceptors
/ng:generate pipe currency shared/pipes
/ng:generate directive click-outside shared/directives
/ng:generate routes dashboard pages/dashboard
/ng:generate store products pages/products

Migrate examples

/ng:migrate standalone src/app/pages/users   # NgModule → standalone
/ng:migrate control-flow src/app             # *ngIf/*ngFor → @if/@for
/ng:migrate inject src/app/pages/dashboard   # constructor → inject()
/ng:migrate cleanup src/app                  # ngOnDestroy → takeUntilDestroyed()
/ng:migrate signals src/app/pages/products   # observables → signals

Auto-invoked Skills

These run automatically based on what Claude is working on — no command needed:

Skill	Triggers when...
angular-generate	Creating any Angular file
angular-testing	Writing .spec.ts files
ngrx-patterns	Working with NgRx store files
angular-rxjs	Using observables in Angular context
angular-migration	Editing *.module.ts or deprecated APIs
angular-performance	Reviewing component or routing code

Agents