Angular Developer Skill
Helps coding agents generate Angular code and give architectural guidance aligned with the latest Angular best practices, from components and signals to routing and testing.
Skill consists of guidance text and doc references only; external effects are limited to ng/npx commands and local builds; no exfiltration or credential exposure observed. Deducted for implicit network/supply-chain actions (npx @angular/cli@latest, angular.dev fetches) with no source verification, confirmation, or rollback guidance.
Instructions are largely self-consistent; the ng new decision tree is explicit and ng build provides a failure-feedback loop. Deducted because static review cannot execute anything; some reference APIs (e.g., @Service, autoProvided) diverge from mainstream Angular conventions without local cross-check, and abnormal-input handling is not covered.
The description enumerates precise triggers (components, signals, forms, routing, SSR, testing, CLI); scenarios are clear. Deducted for missing non-fit boundaries (e.g., legacy NgModule-heavy projects), no Chinese-language support statement, and uncertain mainland-China reachability of npx/npm and angular.dev.
Good layering: SKILL.md as router, references for progressive disclosure; MIT license, author (Google LLC), and version 1.0 present. Deducted for no changelog, no known-limitations section, indirect maintenance path (issues/PRs routed via angular/angular), and registry license metadata marked unknown.
The goal — idiomatic Angular code plus version-aware architectural guidance — has real marginal value for agents, backed by credible source material. Deducted because static review cannot verify outputs as directly usable; no sample outputs or comparative-benefit evidence, so capped at 7.
References trace to extensive primary material paths (references/*.md, angular.dev). Deducted because the repository provides no test suite or third-party execution evidence for this skill's key paths; claims rest on citation rather than reproduction, capped at 5 under static review.
- The skill triggers npx fetches from npm (including @latest); evaluate dependency provenance before use in restricted or offline environments.
- angular.dev remote doc references may be unreachable from mainland China; full functionality may be degraded.
- Patterns in references/creating-services.md (e.g., @Service, autoProvided) diverge from commonly documented Angular APIs; verify against the target project before relying on them.
- The skill mandates running `ng build` in user projects; confirm command-execution authorization in your agent environment.
- Publisher is unverified by the FollowSkills registry; this is a static source review with no execution testing.
What does this skill do, and when should you use it?
angular-developer is an official Agent Skill from Google's angular/skills repository that generates idiomatic Angular code and provides architectural guidance. It instructs the agent to detect the project's Angular version before advising, and to run ng build after generating code to catch errors. The skill is plain Markdown guidance backed by a set of references/ documents covering components, signals (including linkedSignal, resource, httpResource), forms, dependency injection, routing, accessibility (Angular Aria), styling, testing, and CLI tooling. It sits alongside a sibling skill, angular-new-app, and is installed as part of the repository collection. It is MIT licensed, maintained by Google, with contributions routed through the angular/angular repository.
Reads topic reference files in its references/ directory (components, inputs/outputs, signals, DI, routing, testing, and more); creates new projects via npx @angular/cli@<version> or the local ng new depending on the requested and installed versions; follows the Angular style guide and prefers the Angular CLI when scaffolding components, services, directives, pipes, and routes; runs ng build after code generation and fixes any build errors before proceeding; defaults new projects to Signal Forms (stable in Angular v22+); points the agent to angular.dev for deeper documentation.
- Teams building Angular apps with an Agent Skills-capable coding agent (Gemini CLI, Antigravity, Claude Code) who want code that follows official best practices
- Developers creating a new Angular project who want the agent to run ng new correctly with latest stable version and modern defaults like Signal Forms
- Engineers migrating or modernizing older Angular codebases who need v20+ naming conventions, signals, and migrations guidance
- Complex navigation scenarios involving route guards, data resolvers, and CSR/SSG/SSR rendering strategies with hydration
- Building accessible custom components (accordion, combobox, tabs, etc.) using Angular Aria headless patterns
- Writing unit tests (Vitest, TestBed), component harnesses, and E2E tests following recommended patterns
What are this skill's strengths and limitations?
- Official Google skill, consistent with angular.dev documentation, credible and updated with Angular releases
- Very broad coverage: dedicated reference docs for components, signals, DI, routing, forms, testing, accessibility, styling, and CLI
- Built-in version detection and an ng build verification step reduce the risk of generating broken code
- Plain Markdown plus reference files with no scripts, matching the open Agent Skills standard and staying portable across tools
- No repository-level license listed (SKILL.md declares MIT); README shows no topics or test suite
- Deeper documentation relies on network access to angular.dev; reference links are unavailable offline
- Biased toward the latest Angular (e.g., Signal Forms stable in v22+), so teams on older versions get limited benefit
- Running ng build and ng new requires a local Node.js/Angular CLI setup the skill does not explain
How do you install this skill?
Run npx skills add https://github.com/angular/skills in an environment that supports Agent Skills to add the skill collection to your agent tool. The README does not document installing only the angular-developer subdirectory; follow your specific tool's instructions (e.g., Gemini CLI, Antigravity) or the community tool skills.sh for placement.
How do you use this skill?
Activate the skill, then issue Angular tasks in natural language, e.g., 'Create a new Angular project', 'Refactor this service to use signals', 'Add a route guard to this module'. The agent will first check the project's Angular version, follow the skill's built-in rules to generate code, and run ng build to verify. Exact activation commands depend on your agent tool; the README does not provide per-tool steps.
How does this skill compare with similar options?
The same repository ships an angular-new-app skill focused solely on creating and structuring new Angular applications; use that one if your only need is project scaffolding, and this skill for general development guidance.