Agent skill · Design · angular

angular-developer agent skill by angular

Generates Angular code and gives architectural guidance on components, services, signals, forms, routing, server rendering, accessibility, styling, testing, and CLI tooling.

View on GitHub Read SKILL.md

At a glance

Publisher	Angular Official
Repository	angular/skills (2 listed skills)
Category	Frontend and Design
License	MIT
Last commit	October 18, 2026 (repository)
SKILL.md	138 lines, 1,218 words
Bundled files	44 files, including references
Quality score	81/100 · B Passes all seven graded checks
Security scan	Not scanned
README badge	Get the badges for this listing

Before you install

Read from the skill's files at the directory's October 19, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.

Bundled scripts: none.
MCP: SKILL.md mentions an MCP server.
License: MIT, an open-source or open-content license.

Install angular-developer

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI

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

Claude Code, project-level copy

tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/angular/skills.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"angular-developer .claude/skills/
rm -rf "$tmp"

Codex installer

python3 ~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py \
    --repo angular/skills \
    --path angular-developer

angular/skills is third-party code. Read SKILL.md and any bundled scripts before you install it.

How the author describes it

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.

From the description field of SKILL.md. Agents read this line to decide when to load the skill.

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

Files in the skill folder

SKILL.md
references/angular-animations.md
references/angular-aria.md
references/cli.md
references/component-harnesses.md
references/component-styling.md
references/components.md
references/creating-services.md
references/data-resolvers.md
references/deferrable-views.md
references/define-routes.md
references/defining-providers.md
references/di-fundamentals.md
references/e2e-testing.md
references/effects.md
references/environment-configuration.md
references/hierarchical-injectors.md
references/host-elements.md
references/http-client.md
references/injection-context.md
references/inputs.md
references/linked-signal.md
references/loading-strategies.md
references/mcp.md

Showing 24 of 44 files. Browse the folder on GitHub.

Suede Skill Check: 81/100 · B

Report snapshot · October 19, 2026 · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: ceb8ce8c3d0f. Report version 8867cfd143b6. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).
Bundled scripts: 0 of 2 points. 2 when the skill folder ships a scripts/ folder.

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

angular-developer passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.

See the checks and points

Check	Result
Frontmatter parses and declares a name and a description	Pass
Name uses lowercase letters, digits and hyphens, 64 characters or fewer	Pass
Name matches the skill's folder name	Pass
Description is between 50 and 1,024 characters	Pass
Description says when an agent should use the skill	Pass
SKILL.md body is 500 lines or fewer	Pass
A license is declared in the frontmatter or the repository	Pass
Repository has a commit in the last 12 months	Pass

Score component	Points
Structural checks	56 of 56
Description length	5 of 5
Boundary clause	0 of 4
Example request	0 of 3
Instruction depth	7 of 7
Reference files	3 of 3
Bundled scripts	0 of 2
Recent maintenance	9 of 9
Curated-list citations	1 of 7
Tool permissions declared	0 of 2
Compatibility declared	0 of 2

Two badges for angular-developer

Choose the numeric badge, the letter badge, or both. Each links to this skill’s Suede listing; either valid linked badge can qualify for the feature offer.

Markdown

[![Suede Skill Check: 81/100](https://skills.suedeai.ai/directory/angular/skills/angular-developer/score.svg)](https://skills.suedeai.ai/directory/angular/skills/angular-developer/)
[![Suede Skill Check: Grade B](https://skills.suedeai.ai/directory/angular/skills/angular-developer/badge.svg)](https://skills.suedeai.ai/directory/angular/skills/angular-developer/)

HTML

<a href="https://skills.suedeai.ai/directory/angular/skills/angular-developer/"><img src="https://skills.suedeai.ai/directory/angular/skills/angular-developer/score.svg" alt="Suede Skill Check: 81/100" width="160" height="175"></a>
<a href="https://skills.suedeai.ai/directory/angular/skills/angular-developer/"><img src="https://skills.suedeai.ai/directory/angular/skills/angular-developer/badge.svg" alt="Suede Skill Check: Grade B" width="160" height="175"></a>

Suede Certified on the shield refers to this published structural quality check. Security scan: not scanned. Read the methodology.

Limited-time feature offer: display either the numeric or letter badge in your repository or skill README (both also qualify), then request badge verification. Eligible skills scoring 80–99 can receive a featured placement after Suede verifies at least one valid badge linked to the skill’s listing. Suede has not announced an end date.