101 Claude Code skills tagged Angular. Browse all topic-related skills in the open ClaudSkills registry — free to install, one-click via the desktop app.
Showing all 101 skills.
Use when building modular Angular applications requiring dependency injection with providers, injectors, and services.
engineering
Use when handling async operations in Angular applications with observables, operators, and subjects.
engineering
Use when writing, reviewing, refactoring, or discussing Angular code. Applies the Angular Style Guide for naming, project structure, dependency injection, templates, and component
engineering
Expert Angular architect mastering Angular 15+ with enterprise patterns. Specializes in RxJS, NgRx state management, micro-frontend architecture, and performance optimization with
engineering
Assesses Angular enterprise training readiness by mapping current team capability, version awareness, architecture gaps, testing maturity, and safe follow-up skill routing.
engineering
Reviews release governance for Angular micro-frontends in Nx monorepos, focusing on ownership, versioning, deployment independence, compatibility checks, and coordinated rollout po
growth
Reviews, designs, and refactors Angular dependency injection for services, providers, injectors, InjectionToken, inject(), testing overrides, standalone apps, NgModules, SSR, lazy
engineering
Build a compact review packet for Angular PRs that highlights architecture, risk, validation, and rollback points for human or agent review.
engineering
Optimizes Angular list rendering by using stable identity tracking with trackBy for legacy templates or @for track for modern Angular.
engineering
Reviews and refactors Angular services so each service has one bounded responsibility such as API access, state ownership, mapping, validation, permissions, or feature orchestratio
engineering
Configures and governs Angular Extended Diagnostics with a progressive severity policy so template correctness issues are surfaced without turning upgrades into brittle compile blo
engineering
Reviews Angular component testing patterns for Angular 17+ projects, focusing on modern template syntax awareness, stable component contracts, and contract-focused tests.
engineering
Replace TestBed.get with TestBed.inject in Angular tests. Use when older tests still rely on TestBed.get and need a small, controlled modernization step.
engineering
Convert AngularJS directives into Angular components or directives as appropriate. Use when legacy directive behavior blocks migration or makes the DOM contract unstable.
engineering
Move routing from AngularJS to a hybrid Angular and AngularJS setup when both frameworks must coexist during migration. Use when route ownership is split and navigation needs expli
engineering
Inventory AngularJS applications before migration to Angular. Use when the repo still contains controllers, scopes, directives, filters, services, routes, templates, or ngUpgrade a
engineering
Validate Angular 20 moduleResolution bundler compatibility after an Angular 20 upgrade when tsconfig inheritance, secondary entry points, custom builders, or monorepo tooling may b
tools
Reviews Angular Router behavior changes in Angular 15 around outlet timing, route matching, and navigation assumptions.
engineering
Reviews iframe bindings and host bindings for Angular 15-era security and behavior hardening.
security
Update service worker code to Angular v13 SwUpdate APIs and behavior. Use when update lifecycle handling still depends on deprecated properties or events.
engineering
Upgrade an Angular application from Angular 15.x to Angular 16.x using a controlled major-hop process. Use when the project is ready to move from Angular 15 to Angular 16 and needs
engineering
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
engineering
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimi — from en
engineering
Enterprise Angular development expert specializing in Angular 16+ features, Signals, Standalone Components, and RxJS/NgRx at scale.
engineering
Angular architecture: Scope Rule, project structure, file naming, style guide. Trigger: When structuring Angular projects or deciding where to place components.
engineering
Tester l'asynchrone Angular (timers, debounce, animations, stabilité de fixture) selon le régime zone du projet — zoneless vs zone.js. Déclencher avant d'écrire ou de corriger tout
engineering
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.
engineering
Create components using Angular CDK utilities including drag-drop, overlay, portal, scrolling, a11y, clipboard, and platform detection for ng-events project
engineering
Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings,
engineering
Frontend conventions for Angular projects: standalone components, features, error capture, styles. Use when implementing or reviewing code in Angular frontends.
engineering
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, res
engineering
Angular development patterns including modules, components, services, dependency injection, signals, and enterprise architecture.
engineering
Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration. Use for service architecture, providing dependencies at different level
engineering
Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives fo
engineering
Angular framework expert including components, services, RxJS, templates, and testing
engineering
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns. — from engineering/frontend
engineering
Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and
engineering
Build and implement Angular 18 standalone components, TypeScript services with Signals and RxJS, routing with guards, and Tailwind CSS styling for Photo Map MVP. Use when creating,
engineering
Développement d'applications Angular avec modules, composants, services, RxJS, routing et formulaires réactifs. Se déclenche avec "Angular", "NgModule", "RxJS", "Angular — from eng
engineering
Implement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response handling, and intercep
engineering
Use when working with Angular Material components, theming, or styling. Triggers on requests involving "material", "theme", "mat-", buttons, dialogs, forms, tables, or UI component
engineering
Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
engineering
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, plannin — from bg
engineering
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, plannin — from to
tools
Design Angular modules using feature modules, lazy loading, and dependency injection. Use when organizing large Angular applications with proper separation of concerns.
engineering
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
engineering
Angular 21 + PrimeNG 企業應用開發最佳實踐。適用於 MES、ERP 等企業級應用開發。涵蓋元件設計、狀態管理、效能優化、PrimeNG 元件使用規範。
engineering
Project-specific Angular skill override. Extends angular-senior with this project's version and API protocol.
engineering
Migrate Angular SSR code from renderModuleFactory to renderModule. Use when server rendering still depends on the older factory-based API.
engineering
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling. Use when setting up routes, implementing navigation guards, lazy loading m
engineering
Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data l
engineering
Add or repair runtime localization in Angular 20 applications with a minimal setup using `@ngx-translate/core` and JSON locale files. Use when a user asks for runtime language swit
engineering
ALWAYS use when working with Angular Security, XSS prevention, CSRF protection, Content Security Policy, or sanitization in Angular applications.
security
Doctrine et footguns Signal Forms Angular (stable en v22, `@angular/forms/signals`) — quand préférer Signal Forms à Reactive/Template forms, validation au bord du formulaire, bindi
engineering
Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed(), dependent state with linkedSignal(),
engineering
Guides expert-level angular signals patterns implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for angular signals pa
engineering
Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5. Use when building Angular standalone components, services, lazy-loaded routes, unit tests, or creating UI
engineering
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs
engineering
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating fro
engineering
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors. — from engineering/frontend
engineering
Write unit and integration tests for Angular v21+ applications using Vitest or Jasmine with TestBed, component harnesses, and modern testing patterns. Use for testing components wi
engineering
Use Angular CLI and development tools effectively in Angular v20+ projects. Use for project setup, code generation, building, testing, and configuration. Triggers on creating new p
engineering
Angular is a TypeScript-based web application platform by Google providing dependency injection, declarative templates, a powerful CLI, and comprehensive libraries for routing, for
engineering
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
engineering
Best practices for Angular unit testing with Jest in the blueprint frontend. Use this when writing or reviewing Angular/TypeScript spec files.
engineering
Develop Angular v21 components, services, and directives with signals. Use when implementing standalone components, OnPush change detection, inject() function, and input()/output()
engineering
Integrate Angular with a Ruby on Rails app — classical API + SPA as the default (Angular's full-framework model doesn't fit Inertia well), standalone-components Angular 17+, NgRx v
engineering
Guides the agent through Angular-specific patterns for Capacitor app development. Covers project structure, adding Capacitor to Angular projects, using Capacitor plugins in Angular
engineering
Component catalog for the CometChat Angular UI Kit v4 — HTML selector names, Angular Input bindings, Output events, slot templates, request builders, style objects, and composite c
engineering
Foundational rules for CometChat Angular UI Kit v4 integration — UIKitSettingsBuilder init pattern, login order, CometChatThemeService, environment config via src/environments/envi
engineering
Customize the CometChat Angular UI Kit without forking — four-tier model: Angular inputs → request builders → text formatters + message templates → DataSource decorators + event bu
engineering
Feature catalog for Angular — calls (separate SDK), extensions (polls / stickers / translation / link preview / collaborative doc / whiteboard), AI features (smart replies / conver
engineering
Angular-specific integration patterns for CometChat UI Kit v4 — lazy loading, route guards, Angular Router integration, APP_INITIALIZER setup, standalone vs NgModule, and SSR/Unive
engineering
Where to put chat in an Angular app — Route-based, Sidebar, Modal/Dialog, Tab-based, and Embedded placements. Maps each to CometChat component composition with Angular Router wirin
engineering
Production-readiness for Angular — server-minted auth tokens, user management CRUD, external-backend recipes (Express / Hono / Firebase Functions / Vercel). Angular has no API rout
engineering
CometChatThemeService palette — color tokens, light/dark mode, typography, per-component style objects, and CSS variable overrides for the CometChat Angular UI Kit v4.
engineering
Diagnose CometChat Angular UI Kit v4 integration failures — init/login, CUSTOM_ELEMENTS_SCHEMA, assets config, module imports, height/layout issues, Angular Universal SSR, v3-to-v4
engineering
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimi — from an
engineering
Développement d'applications Angular avec modules, composants, services, RxJS, routing et formulaires réactifs. Se déclenche avec "Angular", "NgModule", "RxJS", "Angular — from eng
engineering
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
engineering
Use when creating or modifying Angular components in Frontend (Angular 19) with proper base class inheritance, state management, and platform patterns.
engineering
Use when creating or modifying Angular components in WebV2 (Angular 19) with proper base class inheritance, state management, and platform patterns.
engineering
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns. — from engineering/frontend
engineering
Use when editing Angular TypeScript files (.ts, .tsx) in src/Frontend/ or libs/. Provides component hierarchy, state management with PlatformVmStore, API services, reactive forms,
engineering
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors. — from engineering/frontend
engineering
Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-th
engineering
Guides the agent through Angular-specific patterns for Ionic app development. Covers project structure, standalone vs NgModule architecture detection, Angular Router integration wi
engineering
Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.
engineering
Use when standing up a brand-new substrate domain in the de-braighter cluster — scaffold a building, testing, registered pnpm-workspace domain (reusable spine lib + pack lib + Nest
growth
Angular 20 conventions for the Alexis Trejo portfolio—standalone components, zoneless SSR, routing, services, file layout, naming, and data patterns. Use when creating components,
engineering
Quick Pull Request CLI with AI-powered commit message generation. Use for creating GitHub/GitLab/Gitee pull requests, generating Angular-style commit messages, and creating semanti
engineering
Derive angular velocity from consecutive quaternion frames via relative rotation and rotvec conversion
engineering
Implements the Syncfusion Angular PDF Viewer (PdfViewerComponent) for embedding, configuring, and loading PDF documents. Use this when rendering PDFs in an Angular application, emb
engineering
Create Angular 20 standalone components using modern patterns: Signals for state management, input()/output() functions (not decorators), @if/@for/@switch control flow (not *ngIf/*
engineering
Use this skill whenever generating or modifying Angular components in this project.
engineering
Scaffold a complete Angular feature module: routes, list page, form page, service, models, and folder structure — all wired up and ready to use. Trigger this skill whenever the use
engineering
Creates a new Angular app using the Angular CLI. This skill should be used whenever a user wants to create a new Angular application and contains important guidelines for how to ef
engineering
Use this skill whenever the user wants to create, build, debug, or work with Angular applications. Triggers include any mention of 'Angular', 'ng', '@angular', 'Angular CLI', 'stan
engineering
Use this skill whenever the user works with SurveyJS — the JSON-driven form/survey library. Trigger on mentions of SurveyJS, Survey Creator, survey-core, survey-react-ui, survey-an
engineering
Use this skill when a user asks how to generate, integrate, or implement a Word‑like document editor in Angular using Syncfusion. Trigger it for requests involving the Sy — from sy
content
Guía esencial de Angular 17+ (Standalone, Signals, Inject).
engineering
SKILL.md files, not affiliated with, endorsed by, or sponsored by Anthropic.