Back to Skills

angular-developer

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.

294stars24forksUpdated 4/25/2026

Security Assessment

Medium Risk(50/100)

Detected risks:

Persistence([references/signal-forms.md] launchD)
Security Score50/100

About angular-developer

The angular-developer skill is designed to assist developers in generating Angular code and providing architectural guidance tailored to their specific needs. It addresses common challenges faced during the development process, such as ensuring adherence to best practices, managing state and reactivity, and utilizing Angular's features effectively. By leveraging this skill, developers can streamline their workflow, reduce errors, and enhance the maintainability of their applications.

FAQ

How do I create a new Angular project using this skill?

You can create a new Angular project by specifying the project name and optionally a version. The skill will determine the appropriate command based on your requirements.

Is this skill compatible with all versions of Angular?

The skill analyzes the project's Angular version before providing guidance, as best practices and features can vary significantly between versions.

What are the limitations of this skill?

The skill requires an Angular CLI installation for local commands and may not function properly if the CLI is not installed or accessible.

Can I use this skill for best practices in Angular testing?

Yes, the skill provides guidance on testing best practices as part of its architectural guidance.

Does this skill support Angular's latest features?

Yes, the skill is designed to utilize the latest stable version of Angular and its features, including Signals Forms for form management.

All Files

36 files
references/angular-animations.md3.9 KB
View
references/angular-aria.md12.3 KB
View
references/injection-context.md1.9 KB
View
references/reactive-forms.md3.5 KB
View
references/template-driven-forms.md3.7 KB
View
references/cli.md3.6 KB
View
references/component-harnesses.md2.8 KB
View
references/linked-signal.md2.5 KB
View
references/component-styling.md2.5 KB
View
references/components.md3.3 KB
View
references/mcp.md4.0 KB
View
references/route-animations.md1.6 KB
View
references/creating-services.md2.6 KB
View
references/route-guards.md1.4 KB
View
references/data-resolvers.md1.5 KB
View
references/hierarchical-injectors.md2.0 KB
View
references/router-lifecycle.md1.5 KB
View
references/define-routes.md1.7 KB
View
references/router-testing.md3.8 KB
View
references/defining-providers.md2.2 KB
View
references/di-fundamentals.md3.5 KB
View
references/signal-forms.md26.4 KB
View
references/e2e-testing.md2.5 KB
View
references/effects.md2.7 KB
View
references/host-elements.md2.1 KB
View
references/inputs.md2.4 KB
View
references/rendering-strategies.md1.8 KB
View
references/loading-strategies.md1.4 KB
View
references/resource.md2.7 KB
View
SKILL.md9.2 KB
View
references/navigate-to-routes.md1.6 KB
View
references/outputs.md2.5 KB
View
references/tailwind-css.md1.8 KB
View
references/show-routes-with-outlets.md1.6 KB
View
references/signals-overview.md2.8 KB
View
references/testing-fundamentals.md2.6 KB
View

Install angular-developer

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

angular/skills