Agent skill

angular

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.

Nick44,086★ · +407/wk · 1 repos on radarProfile →
claude-codecodexcursorMIT
Install
npx skills add sickn33/agentic-awesome-skills --skill angular --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 20 KB
Bundled scripts: none
Path: skills/angular/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 44,414 · +328 this week
Language: Python
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

Review
written from the skill's own SKILL.md · Aug 5, 2026

What it does

Models an Angular expert skill that guides the agent to assess project version and structure, apply modern patterns (Signals, Standalone, Zoneless), and implement with proper typing and reactivity, followed by build and test validation.

How it works

  1. Assess the Angular version and project structure
  2. Apply modern patterns (Signals, Standalone, Zoneless)
  3. Implement with proper typing and reactivity
  4. Validate with build and tests

When to use it

  • Building new Angular applications (v20+)
  • Implementing Signals-based reactive patterns
  • Creating Standalone Components and migrating from NgModules
  • Configuring Zoneless Angular applications
  • Implementing SSR, prerendering, and hydration
  • Optimizing Angular performance
  • Adopting modern Angular patterns and best practices

What it can touch

  • Declared tools: claude-code, codex, cursor

Caveats

  • Safety: Keep backward compatibility during transitions
  • Do Not Use This Skill When: Migrating from AngularJS; Working with legacy Angular apps that cannot upgrade; General TypeScript issues
  • Instructions emphasize testing changes in development before production
  • License: MIT
From the SKILL.md

# Angular Expert Master modern Angular development with Signals, Standalone Components, Zoneless applications, SSR/Hydration, and the latest reactive patterns. ## When to Use This Skill - Building new Angular applications (v20+) - Implementing Signals-based reactive patterns - Creating Standalone Components and migrating from NgModules - Configuring Zoneless Angular applications - Implementing SSR, prerendering, and hydration - Optimizing Angular performance - Adopting modern Angular patterns and best practices ## Do Not Use This Skill When - Migrating from AngularJS (1.x) → use `angular-migration` skill - Working with legacy Angular apps that cannot upgrade - General TypeScript issues → use `typescript-expert` skill ## Instructions 1. Assess the Angular version and project structure 2. Apply modern patterns (Signals, Standalone, Zoneless) 3. Implement with proper typing and reactivity 4. Validate with build and tests ## Safety - Always test changes in development before production - Gradual migration for existing apps (don't big-bang refactor) - Keep backward compatibility during transitions --- ## Angular Version Timeline | Version | Release | Key Features | | -------------- | --

What's inside
Steps it walks through
  1. When to Use This Skill
  2. Do Not Use This Skill When
  3. Instructions
  4. Safety
  5. Angular Version Timeline
  6. 1. Signals: The New Reactive Primitive
  7. Core Concepts
  8. Signal-Based Inputs and Outputs
  9. Signal Queries (ViewChild/ContentChild)
  10. When to Use Signals vs RxJS
  11. 2. Standalone Components
  12. Creating Standalone Components
  13. Bootstrapping Without NgModule
  14. Lazy Loading Standalone Components
Ships with 2 files
  • README.md
  • metadata.json
Commands it runs
ng add @angular/ssr
More from agentic-awesome-skills
All skills →
About this skill
What does the angular skill do?

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.

How do I install it?

Run `npx skills add sickn33/agentic-awesome-skills --skill angular --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going