AI Plugin Indexfrontend framework
Angular MCP servers and skills
There are 104 ways to connect Angular to Claude, ChatGPT, Cursor and other AI assistants; these are the 100 with the highest scores. The most used is Angular (59 GitHub stars).
Best Angular MCP servers, compared →Most used
Angular
AmadeusITGroup
80Experimental package — This module provides a set of MCP tools to retrieve information from Angular
AAB
angular-modern-apismgechev
75Guidelines for using modern Angular APIs (signals, inject, control flow)
AAA
Ix MCP Angular
siemens-element-bot
75iX MCP server for Angular
AD
Kendo Angular MCP
GitHub Actions
75Model Context Protocol for Kendo UI for Angular
BD
angular-formsHoangNguyen0403
70Build typed reactive forms with strict FormGroup typing, custom validators, and nonNullable controls in Angular. Use when implementing typed reactive forms, custom validators, or form control patterns.
AAA
angular-routingHoangNguyen0403
70Configure Angular Router with lazy-loaded routes, functional guards, and component input binding. Use when defining routes, lazy-loading features, creating route guards, or setting up resolvers.
AAA
MCP servers (17)
- 1Angular AmadeusITGroupExperimental package — This module provides a set of MCP tools to retrieve information from Angular80
- 2Ix MCP Angular siemens-element-botiX MCP server for Angular75
- 3Kendo Angular MCP GitHub Actions · Knowledge and memoryModel Context Protocol for Kendo UI for Angular75
- 4Adapter MCP eiweiss · AI and LLM toolsMCP Server to expose Angular Modernizer tools to an AI assistant.69
- 5Angular token saver Alex88Ryabov · Developer toolsCompiler-backed Angular template answers, component contracts and version facts for AI agents68
- 6Angular Components MCP senior-sistemas · Knowledge and memoryModel Context Protocol server for Senior Sistemas Angular Components65
- 7NeuralNg Angular UI Expert MCP hasanaydin7 · DesignAngular UI expert for NeuralNg discovery, composition, validation, icons and project-aware themes.64
- 8Angular beany-vu · DesignAngular charts - SVG, canvas & WebGPU rendering, accessible by default, with an LLM-ready data context. Thin wrapper over the framework-agnostic @michi-vz engine.62
- 9Angular Toolkit MCP push-based · Developer toolsA Model Context Protocol server for Angular project analysis and refactoring59
- 10Storybook Addon Angular Manifest ethriel3695Storybook addon for Angular component manifest generation with Compodoc integration57
- ADYour product hereThis row is seen by people browsing Angular tools. Book it from $249 a month.See prices →
- 11angular-signal-forms-migration-mcp Alvi97Finds Angular Reactive Forms and returns verified Signal Forms recipes. Never edits code.56
- 12Browser UI Angular MCP visuallyjs-npm · Browser automationMCP server for @visuallyjs/browser-ui-angular55
- 13Angular MCP syncfusion-javascriptSyncfusion Angular MCP Server51
- 14MCP Angular CLI talzach · Knowledge and memoryModel Context Protocol servers for Angular CLI50
- 15Angular MCP Server SAIPRANAY-GANGULA · Knowledge and memoryModel Context Protocol (MCP) server providing comprehensive Angular documentation access for AI assistants45
- 16angular-removed-api-lint jmshinhwa · Developer tools32 checks for Angular APIs that were removed or deprecated, plus the support window on your version35
- 17Angular CLI No MCP mlh758CLI tool for Angular (MCP features removed)27
Skills (83)
- 1angular-modern-apis mgechevGuidelines for using modern Angular APIs (signals, inject, control flow)75
- 2angular-forms HoangNguyen0403Build typed reactive forms with strict FormGroup typing, custom validators, and nonNullable controls in Angular. Use when implementing typed reactive forms, custom validators, or form control patterns.70
- 3angular-routing HoangNguyen0403Configure Angular Router with lazy-loaded routes, functional guards, and component input binding. Use when defining routes, lazy-loading features, creating route guards, or setting up resolvers.70
- 4angular-ssr analogjs · Browser automationDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. 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. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.66
- 5angular-routing analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data loading, and nested routing. Triggers on route configuration, adding authentication guards, implementing lazy loading, or reading route parameters with signals.66
- 6angular-signals analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed(), dependent state with linkedSignal(), and side effects with effect(). Triggers on state management questions, converting from BehaviorSubject/Observable patterns to signals, or implementing reactive data flows.66
- 7angular-di analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration. Use for service architecture, providing dependencies at different levels, creating injectable tokens, and managing singleton vs scoped services. Triggers on service creation, configuring providers, using injection tokens, or understanding DI hierarchy.66
- 8angular-component analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection, and lifecycle hooks. Triggers on component creation, refactoring class-based inputs to signals, adding host bindings, or implementing accessible interactive components.66
- 9angular-tooling analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. 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 projects, generating components/services/modules, configuring builds, running tests, or optimizing production builds. Don't use for Nx workspace commands, custom Webpack configurations, or non-Angular CLI build systems like Vite standalone or esbuild direct usage.66
- 10angular-directives analogjs · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives for portals/overlays, and host directives for composition. Triggers on creating reusable DOM behaviors, extending element functionality, or composing behaviors across components. Note - use native @if/@for/@switch for control flow, not custom structural directives.66
- 11angular-testing analogjs · Browser automationDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Write unit and integration tests for Angular v20+ applications using Vitest or Jasmine with TestBed and modern testing patterns. Use for testing components with signals, OnPush change detection, services with inject(), and HTTP interactions. Triggers on test creation, testing signal-based components, mocking dependencies, or setting up test infrastructure. Don't use for E2E testing with Cypress or Playwright, or for testing non-Angular JavaScript/TypeScript code.66
- 12angular-3d-scene-crafter Hive-Academy · DesignDesigns Angular 3D scenes with @hive-academy/angular-3d (declarative Three.js components). Use for 3D hero sections, neon, space, glass or particle effects, primitives, lighting and materials, or recreating a scene from a reference image.59
- 13angular FrancoStinoModern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.53
- 14timeseries-quaternion-angular-velocity wenmin-wuDerive angular velocity from consecutive quaternion frames via relative rotation and rotvec conversion44
- 15Angular clawicBuild reliable Angular apps avoiding RxJS leaks, change detection traps, and DI pitfalls.41
- 16angular-testing Andersseen · Developer toolsTest Angular behavior with appropriate unit, component, and E2E boundaries.35
- 17angular-testing Andersseen · Developer toolsTest Angular behavior with appropriate unit, component, and E2E boundaries.35
- 18angular-admin-examples ALTEN-group · AI and LLM toolsScaffold or match Angular admin CRUD entity slices (model/conf/service, thin feature component, protected routes, resolvers). Use when adding an administrable entity to an Angular admin app.35
- 19angular-momentum hamzabellouchAngular Momentum in Mechanics (Rotation). Theoretical foundations, governing equations, analytical problem-solving methods, and typical archetypes.35
- 20angular skeletorfletAngular framework patterns, standalone components, Signals, and dependency injection. Use when building Angular apps, components, services, or migrating from NgModules.35
- 21Angular v21 NgModuleFactory Removal janpereira-devRemove Angular NgModuleFactory usage after an Angular 21 upgrade when dynamic module loading, plugin systems, or legacy loaders still depend on NgModuleFactory. Use when replacing factory-based module creation with supported APIs.33
- 22Angular v21 Zone Change Detection Root Provider janpereira-devReview Angular 21 apps that use provideZoneChangeDetection or Zone.js-based change detection. Use when root providers, scheduler behavior, or timing assumptions need explicit validation after an Angular 21 upgrade.33
- 23Angular SSR Allowed Hosts v21 Security janpereira-dev · SecurityReview Angular 21 SSR allowedHosts configuration and proxy trust settings after an Angular 21 upgrade when CommonEngine, AngularAppEngine, AngularNodeAppEngine, or server-side HTTP requests depend on explicit host allowlisting.33
- 24Angular v21 Custom Elements Signal Inputs janpereira-devReview Angular custom elements that use signal inputs after an Angular 21 upgrade when property access semantics or signal-based inputs affect element consumers. Use when createCustomElement, customElements.define, or signal input wrappers exist.33
- 25Angular v20 Injector InjectFlags Cleanup janpereira-devClean up Angular 20 dependency injection code that still relies on InjectFlags, TestBed.get, or untyped Injector.get usage after an Angular 20 upgrade. Use when strict ProviderToken typing or injection options must be made explicit.33
- 26Angular Platform Server v18 Migration janpereira-devMigrate Angular SSR and platform-server code to Angular 18 after an Angular 18 upgrade when the app uses Universal, prerender, TransferState, platform-server bootstrapping, or server URL behavior.33
- 27Angular Component Testing Patterns v17+ janpereira-dev · Developer toolsReviews Angular component testing patterns for Angular 17+ projects, focusing on modern template syntax awareness, stable component contracts, and contract-focused tests.33
- 28Angular Material MDC v15 Data Display janpereira-devMigrates Angular Material table, list, card, paginator, and progress components where layout and structure changes can affect business screens.33
- 29Angular Template Diagnostics Matrix janpereira-dev · AI and LLM toolsGroups Angular NG81xx and NG8021 template diagnostics by problem type so agents can triage diagnostics by cause instead of by code number.33
- 30angular-signals AndersseenUse Angular signals for local synchronous state and derived values.32
- 31Angular TestBed.inject v9 Migration janpereira-dev · Developer toolsReplace TestBed.get with TestBed.inject during Angular 9 modernization and related testing cleanup.32
- 32Angular Render Module v13 Migration janpereira-devMigrate Angular SSR code from renderModuleFactory to renderModule. Use when server rendering still depends on the older factory-based API.32
- 33Angular Keyframes Scope v15 janpereira-devReviews component-scoped keyframes and animation-name assumptions affected by Angular 15 style scoping.32
- 34Angular View Engine Library Audit v13 janpereira-devAudit Angular libraries for View Engine compatibility before Angular 13 or later. Use when package dependencies may still require ngcc or old metadata formats.32
- 35Angular SwUpdate v13 Migration janpereira-devUpdate service worker code to Angular v13 SwUpdate APIs and behavior. Use when update lifecycle handling still depends on deprecated properties or events.32
- 36Angular Ivy Default v9 Compatibility janpereira-devValidate Angular projects for Ivy default mode compatibility. Use when entryComponents, View Engine assumptions, or library compatibility can block Angular 9 adoption.32
- 37angular-reactive oguzhan18ALWAYS use when working with Angular Reactive programming, BehaviorSubject, Observable patterns, or reactive state management in Angular.32
- 38angular-jest oguzhan18 · Developer toolsALWAYS use when testing Angular applications with Jest, configuring Jest, or migrating from Jasmine/Karma to Jest.31
- 39angular DarceyLloyd · Documents and filesAngular framework with standalone components, signals, the new control flow syntax, and the ng CLI. Use when working with Angular, ng generate, signals, inject(), or standalone components in .ts files.30
- 40angular-testing li-lance · Developer toolsWrite Angular component tests using TestBed, ComponentHarness, and HttpTestingController with proper signal input handling. Use when writing component tests, mocking HTTP calls, or testing signal inputs. (triggers: **/*.spec.ts, TestBed, ComponentFixture, TestHarness, provideHttpClientTesting)30
- 41angular-architect nicolasestrema senior Angular architect with expertise in Angular 15+ and enterprise application development29
- 42angular-developer MRinaldi9 · DesignGenerates 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, or CLI tooling.28
- 43add-angular-component GuesmiKhaledGenerates a new standalone Angular component.27
- 44angular-state-management Mr-Nobody-AnonymousMaster modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.27
- 45angular PetrovC · AI and LLM toolsUse when modifying Angular frontend code: components, services, routing, signals, RxJS, HTTP client, forms, pipes, or Angular project structure. Covers Angular 17+ standalone components, new control flow syntax, signal-based APIs (input/output/model), deferrable views, and functional interceptors.27
- 46angular-signals arvnflyModern Angular architecture, reactive signals, standalone components, inject(), and control flow syntax.26
- 47angular-ui-patterns Mr-Nobody-AnonymousModern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.26
- 48angular-best-practices Anhvu1107ALWAYS use this when the request matches Angular Best Practices: Angular performance optimization and best practices guide.25
- 49angular-standards Robertcl795 · Developer toolsTeam standards for Angular enterprise code. Use BEFORE creating or editing .component.ts, .html templates, .scss, or .util.ts files in an Angular repo — loads the canonical DO/DO-NOT instruction set for the exact file type being touched.25
- 50angular-standards hwanngo · Developer toolsUse when building Angular (v18/19+) apps in a touchstone repo — standalone components, signals, change detection, DI, routing, RxJS, forms, HttpClient, control flow, state. Triggers on *.component.ts, angular.json, `@angular/*` in package.json. Language-level TS rules live in the typescript skill; for React/Nuxt use those skills.25
- 51angular-components-loader emiljuchnikowskiThe loader overlay, shown while a page waits for data.24
- 52angular-components-gadget emiljuchnikowskiGadget component API.24
- 53angular kprsnt2Angular framework patterns including signals, dependency injection, and RxJS.24
- 54frontend-angular-engineer Serafimgonga · Developer toolsImplementa componentes, serviços e telas Angular para o FrotaGo. Usar quando o pedido for "criar componente", "criar tela", "consumir API", ou envolver TypeScript/Angular directamente.24
- 55angular-budget-styles Jeffersontee · DesignRegras e melhores práticas para evitar o erro de 'maximum budget exceeded' em arquivos SCSS no Angular/Ionic, otimizando o CSS.23
- 56angular-conventions wojd0 · Developer toolsAngular conventions. Use when you edit Angular .ts or .html files, write or run Angular unit tests, or change localization files.23
- 57angular-forms-http mdnbrasImplemente forms e integração HTTP Angular com validação, acessibilidade, submissão, errors, interceptors e testes.23
- 58angular-destroyref Lord1EgyptALWAYS use when working with Angular DestroyRef, takeUntilDestroyed, or cleanup in Angular.23
- 59angular-http NeelakshSaxena · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response handling, and interceptors. Triggers on data fetching, API integration, loading states, error handling, or converting Observable-based HTTP to signal-based patterns.23
- 60angular-forms NeelakshSaxena · Developer toolsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. 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 dynamic forms. Triggers on form implementation, adding validation, creating multi-step forms, or building forms with conditional fields. Signal Forms are experimental but recommended for new Angular projects. Don't use for template-driven forms without signals or third-party form libraries like Formly or ngx-formly.23
- 61angular-lint jesusMartinez88 · Developer toolsRun Angular lint checks aligned to Angular 21 best practices, even when v22 is available. Use for lint command generation, CI linting, and code-quality validation for Angular source and templates.23
- 62error-tracking-angular KipneticPostHog error tracking for Angular23
- 63angular-project-best-practices tkandpal · Developer toolsRun Angular enterprise workflows using this skill's actions/tasks for feature creation, route setup, and atomic refactors. Use when you need structured multi-step implementation with architecture guardrails.22
- 64angular-translate ezequieltejada · Documents and filesExtract static text in Angular templates and replace with ngx-translate keys; update public/i18n JSON files and use TranslatePipe/TranslateDirective in standalone components.22
- 65angular-conventions FortyTwo43Esta habilidad te proporciona conocimientos de convenciones de Angular. Usala cuando necesites generar código en Angular21
- 66angular-fix-i18n ch4mpy · Documents and filesRun `extract-i18n`, merge `messages.xlf` into `messages.{lang}.xlf` files, and propose default translations for new `trans-unit` entries.21
- 67angular-best-practices Barath1018 · Developer toolsAngular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.21
- 68Angular v21 FormArray Directive Conflict janpereira-devReview Angular 21 apps for custom FormArray or formArray directive and input naming conflicts after the upgrade. Use when custom directives or inputs collide with Angular reactive forms APIs.19
- 69Angular v21 Host Binding Typecheck janpereira-devReview Angular 21 host binding type checking after an Angular 21 upgrade when components or directives use @HostBinding or host metadata. Use when strict host binding types or inherited host bindings may fail compilation.19
- 70Angular Signals Mutate to Update v17 janpereira-dev · Developer toolsReplace Angular Signals mutate usage with update-based immutable patterns after an Angular 17 upgrade when signal state changes are still written with in-place mutation. Use when a bounded slice uses signals and needs a controlled refactor.19
- 71Angular Generic Object Search Filter Pipe David-Li0406 · Search and webCreate an Angular pipe that filters an array of objects based on a search input, checking if any property of each object contains the search text.19
- 72angular-smart-dumb TheboulDefine el patrón Smart (Pages) vs Dumb (Components) Components en Angular 17+ Standalone. Usar al crear nuevas interfaces de usuario, páginas o formularios.19
- 73angular David-Li0406 · DesignModern Angular (v19+) expert enforcing Control Flow, ngrxLet, TailwindCSS v4 (CSS-config aware), and pnpm/Nx workflows.19
- 74angular-feature-generator Jose-AntonioT8Genera la estructura completa de una feature Angular con componente, servicio, modelos y rutas. Use when creating angular features, scaffolding modules, generating components with services, or when the user mentions "nueva feature", "scaffold", or "crear módulo".19
- 75Angular Component Testing Patterns v17+ janpereira-dev · Developer toolsReviews Angular component testing patterns for Angular 17+ projects, focusing on modern template syntax awareness, stable component contracts, and contract-focused tests.19
- 76Angular v19 Effects and fakeAsync Scheduler janpereira-dev · Developer toolsReview Angular 19 tests that rely on effect timing, fakeAsync flush behavior, whenStable, tick, flush, or application stabilization after an Angular 19 upgrade. Use when scheduler changes or effect ordering changes can alter test outcomes.19
- 77Angular v20 Template Operator Compatibility janpereira-devReview Angular 20 templates for operator and identifier compatibility when property names such as `in` or `void` collide with JavaScript operators or when parenthesized optional and nullish expressions may throw. Use when template syntax or selector names need safe compatibility cleanup.19
- 78Angular v18 Test Stability Change Detection janpereira-dev · Developer toolsReview Angular 18 test timing, change detection, stabilization, and fixture behavior after an Angular 18 upgrade when tests rely on whenStable, autoDetectChanges, fakeAsync, tick, flush, dialog timing, or Zone stabilization.19
- 79Angular v20 Testing Errors Effects Animations janpereira-dev · Developer toolsReview Angular 20 tests that rely on effect timing, TestBed.tick, fakeAsync, animation timing, AsyncPipe error reporting, event listener errors, ApplicationRef.tick, or ng-reflect debug attributes after an Angular 20 upgrade.19
- 80angular-feature ewertonsvb1Use when a request mentions Angular features in this project. SmartFridge does not use Angular; map the request to the existing Flutter structure: routing, Riverpod providers, Dio repositories, forms, dialogs, and UI patterns.18
- 81Angular Ivy Only v13 Gate janpereira-devGate Angular upgrades on Ivy-only readiness. Use when the project is moving to Angular 13+ and View Engine or ngcc compatibility must be explicitly resolved before the upgrade can proceed.18
- 82Angular Localize v9 Migration janpereira-devMigrate Angular applications to the v9 localize tooling and $localize runtime. Use when i18n build or runtime configuration still depends on older extraction or localization setup.18
- 83Angular CLI Workspace Migration v6 janpereira-devMigrate pre-workspace Angular CLI projects to angular.json workspace format during the Angular 5 to 6 era. Use when older .angular-cli.json configuration still exists.18
Questions
Is there an official Angular MCP server?
Check the publisher on each listing: servers published by Angular itself are the official ones. The most used Angular server here is Angular by AmadeusITGroup.
How do I connect Angular to Claude?
Pick a server below, open its page and copy the install command for Claude Code, or the config block for Claude Desktop. Most Angular servers need an API key or token from your Angular account.