oguzhan18/angular-ecosystem-skills
45 skills8.1k installs270 starsGitHub
Install
npx skills add https://github.com/oguzhan18/angular-ecosystem-skillsSkills in this repo
1Angular TailwindCovers Tailwind CSS in Angular projects: installing and configuring PostCSS, scanning template paths for purge, applying responsive utility classes in components, extending themes for brand colors, and balancing Tailwind with encapsulated styles or UI libraries.232installs2Angular MaterialCovers Angular Material and CDK usage for building polished, accessible UIs with tables, dialogs, form controls, navigation, theming, and layout patterns aligned to Material Design conventions.222installs3Angular Securityangular-security is a Claude Code skill that applies Angular's built-in security defenses when writing or reviewing Angular code. It covers DomSanitizer usage, HttpClient CSRF protection, Content Security Policy, Trusted Types, input validation, auth interceptors and route guards. A developer uses it while hardening an Angular app against XSS, CSRF and injection. It ships code patterns keyed to Angular 21 APIs.203installs4RxjsProvides RxJS guidance tailored to Angular apps: choosing operators for map/filter/switchMap flows, avoiding leaked subscriptions, integrating with HttpClient and NgRx-style patterns, and aligning reactive design with change detection and the async pipe for maintainable UI code.203installs5Angular BootstrapGuides agents through bootstrapping Angular applications using angular-ecosystem-skills conventions: scaffolding projects, configuring modules, routing, and initial component architecture for SaaS or enterprise web frontends.198installs6Angular Performanceangular-performance guides shipping faster Angular apps via OnPush, trackBy, lazy routing, bundle analysis, and defer patterns to cut change-detection cost, shrink bundles, and improve interaction metrics before launch.190installs7Angular ServicesCovers Angular service design end to end: when to extract logic from components, how to register providers at root, route, or component level, compose services for API and state duties, and keep units testable while preserving clear dependency boundaries across the app.190installs8NgrxAngular ecosystem skill for NgRx: guides store architecture, typed actions/reducers, effects, selectors, entity adapters, and module integration so Claude builds maintainable reactive state in enterprise Angular SaaS frontends.190installs9Angular I18nWalks through Angular internationalization setup from marking translatable strings through locale builds, ICU formatting, and QA practices for multilingual SaaS and mobile web experiences.188installs10Angular StandaloneExplains Angular standalone APIs: creating components that import their own dependencies, bootstrapping with bootstrapApplication, lazy-loading standalone routes, migrating existing NgModule apps step by step, and reducing indirection while keeping DI providers explicit.187installs11Angular TestingGuides Claude through Angular-specific testing workflows: configuring TestBed, stubbing dependencies, testing components with inputs/outputs, async change detection, and HTTP or router interactions using ecosystem-standard tools and patterns from the angular-ecosystem-skills repo.187installs12Angular AnimationsCovers Angular animation patterns from oguzhan18/angular-ecosystem-skills for triggers, states, transitions, route animations, and list enter/leave effects so Claude ships polished, performant motion in Angular frontends.186installs13Angular ElementsExplains how to convert Angular components into standards-based custom elements, bundle them for external pages, and handle styling, lifecycle, and deployment for embeddable widgets.186installs14Angular CliTeaches Angular CLI commands and conventions from oguzhan18/angular-ecosystem-skills for generating components, serving dev builds, optimizing production bundles, and managing workspace configuration so Claude scaffolds Angular projects efficiently.185installs15Angular CdkDocuments Angular CDK usage from oguzhan18/angular-ecosystem-skills for overlays, portals, drag-drop, virtual scrolling, and accessibility primitives so Claude builds accessible, complex Angular UIs without custom low-level implementations.184installs16Angular GuardsGuides implementation of Angular route guards for authentication, authorization, lazy-loading protection, and navigation blocking. Covers functional guards, resolver patterns, and integration with auth services and observables.182installs17Angular Httpangular-http documents Angular HttpClient usage—service injection, interceptors, typed Observables, error mapping, and auth headers—for connecting components to REST or GraphQL backends during feature development.182installs18Angular InterceptorsTeaches Angular HTTP interceptor patterns for cross-cutting API concerns including authentication headers, error mapping, retries, logging, and response transformation via HttpClient middleware.182installs19Angular PwaGuides Angular Progressive Web App setup with service workers, asset caching strategies, web manifests, installability, and update flows using @angular/pwa and ngsw configuration for resilient client apps.182installs20Angular SchematicsTeaches building custom Angular schematics and CLI automation for code generation, workspace transforms, schematic rules, collection packaging, and testable ng generate workflows for team standards.182installs21Angular JestDocuments Jest integration for Angular projects including preset setup, TestBed patterns, dependency mocks, and CI-friendly unit testing to replace or complement Karma-based workflows.181installs22Angular DestroyrefAngular-destroyref skill guides proper DestroyRef usage for automatic cleanup of subscriptions, intervals, and DOM listeners in standalone components, reducing memory leaks and aligning with current Angular lifecycle APIs in production apps.180installs23Angular ComponentsAngular-components skill encodes ecosystem conventions for standalone components, typed inputs/outputs, projection, and performance-aware change detection so agents scaffold maintainable Angular UIs for enterprise SaaS and hybrid apps.179installs24Angular PipesExplains Angular built-in and custom pipes for template data transformation including dates, currency, async observables, pure vs impure behavior, and testable formatting utilities for views.178installs25Angular ResolversTeaches Angular route resolver patterns for prefetching data, integrating with functional routing APIs, error handling, and tests so views open with consistent, ready-to-render state.177installs26Angular Deferrableangular-deferrable teaches Angular's @defer API for lazy-rendering template sections with triggers like viewport or interaction, placeholders, and loading states to shrink initial bundles and speed first paint.176installs27Angular ResourceDocuments Angular resource service patterns for REST data access using HttpClient, typed DTOs, CRUD helpers, injectable providers, and consistent error handling shared across feature modules.176installs28Angular SignalsTeaches Angular's signals model for reactive UI state: creating writable signals, deriving computed values, running side effects safely, combining signals with templates and control flow, and gradually replacing imperative subscription code with declarative, zone-friendly reactivity.175installs29Angular Signals FormsDocuments Angular signal-based forms: modeling individual fields and form groups as signals, wiring validators and async checks, surfacing errors in templates, tracking user edits, and handling submit/cancel flows for registration, checkout, and settings screens.175installs30Angular DirectivesCovers Angular directive design for structural and attribute use cases, including standalone directives, host bindings, and test strategies for reusable template behavior.174installs31Angular Formsangular-forms covers ReactiveFormsModule and template-driven patterns in Angular—validators, FormArray, custom controls, error UX, and typed form models for reliable data entry in SaaS and ecommerce flows.174installs32Angular ReactiveCovers Angular reactive forms and RxJS-driven UI state including FormGroup, FormArray, custom validators, async validation, valueChanges subscriptions, and patterns for complex dynamic forms.174installs33Angular DiGuides Angular dependency injection from basic inject() usage through advanced provider trees, InjectionToken design, and testable service wiring for production apps.173installs34Angular Lifecycleangular-lifecycle covers Angular component hooks—ngOnInit, ngOnChanges, ngOnDestroy, AfterViewInit, and signal effects—for safe initialization, input reactions, DOM timing, and subscription cleanup without leaks.173installs35Angular ViewchildTeaches correct Angular ViewChild and related query APIs: when to use static versus dynamic queries, how to reference child components and ElementRef instances, lifecycle timing with AfterViewInit, and pitfalls around change detection and template availability in real components.172installs36Angular CypressProvides Angular Cypress testing guidance from oguzhan18/angular-ecosystem-skills for e2e setup, selectors, page objects, form and navigation assertions, and CI-ready suites so Claude ships reliable regression coverage before release.171installs37Angular RouterProvides Angular Router guidance for lazy-loaded feature modules, functional guards, parameterized routes, auxiliary outlets, and testing strategies for reliable SPA navigation.170installs38Angular Control FlowExplains Angular built-in control flow from oguzhan18/angular-ecosystem-skills covering @if, @for, @switch, track expressions, and migration from structural directives so Claude writes clearer, type-safe Angular templates.168installs39Angular Signals HttpShows how to pair Angular HttpClient with signals: trigger fetches from user actions, expose loading and error signals to templates, map JSON into typed models, handle retries and aborts, and keep dashboards and detail pages synchronized with live API data.167installs40NxCovers Nx monorepo practices from the Angular ecosystem skills pack: creating workspaces, configuring executors and targets, leveraging affected graph commands for fast CI, enforcing module boundaries, and structuring multi-app Angular or polyglot repos for scalable team delivery.166installs41Angular SsrWalks through Angular server-side rendering: enabling Universal, configuring prerender and dynamic routes, avoiding window-only code on the server, optimizing hydration transfer state, and packaging builds for Node servers or static-plus-SSR hybrid hosting.165installs42Angular Injectorangular-injector explains Angular dependency injection—provider scopes, inject(), InjectionToken, hierarchical injectors, and TestBed overrides—so services stay testable, configurable, and correctly scoped across the component tree.163installs43Angular ZonelessCovers Angular zoneless change detection migration: enabling experimental zoneless providers, refactoring async patterns, validating third-party libraries, and measuring performance gains in production SPAs.163installs44Angular QueryGuides Angular developers through query-style async data management: defining fetchers, caching policies, stale-while-revalidate behavior, mutation side effects, and component bindings so lists, detail views, and forms stay consistent with server truth.159installs45Shadcn NgAngular shadcn-ng skill teaches Claude to implement shadcn-inspired, Tailwind-styled, accessible UI components in Angular—buttons, inputs, dialogs, tables—so SaaS and content frontends ship cohesive design systems quickly.152installs