Agent skill · software engineering · angular
angular-developer
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), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, naming conventions, or CLI tooling.
Why this skill is useful
Provides specific Angular CLI commands and architectural guidelines that enhance the AI's ability to generate Angular applications correctly.
What it needs
Requires @angular/cli installed locally. About 5k tokens when loaded. Last updated 2026-08-04. 599 stars on the source repository.
What this skill does
Angular Developer Guidelines 1. Always analyze the project's Angular version before providing guidance, as best practices and available features can vary significantly between versions. If creating a new project with Angular CLI, do not specify a version unless prompted by the user. 2. When generating code, follow Angular's style guide and best practices for maintainability and performance. Use the Angular CLI for scaffolding components, services, directives, pipes, and routes to ensure consistency. 3. Once you finish generating code, run ng build to ensure there are no build errors. If there are errors, analyze the error messages and fix them before proceeding. Do not skip this step, as it is critical for ensuring the generated code is correct and functional. Creating New Projects If no guidelines are provided by the user, here are some default rules to follow when creating a new Angular project: 1. Use the latest stable version of Angular unless the user specifies otherwise. 2. Use Signal Forms for form management in new projects (stable in Angular v22 and newer) Find out more. Execution Rules for ng new: When asked to create a new Angular project, you must determine the correct execution command by following these strict steps: Step 1: Check for an explicit user version. 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> Step 2: Check for an existing Angular installation. 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> Step 3: Fallback to Latest. 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. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills angular/angular-developer--3acd61