oguzhan18/angular-ecosystem-skills
45 skills6.8k installsGitHub
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.190installs2Angular 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.175installs3RxjsProvides 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.171installs4Angular 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.166installs5Angular 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.164installs6Angular 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.163installs7Angular 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.163installs8Angular 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.163installs9Angular I18nWalks through Angular internationalization setup from marking translatable strings through locale builds, ICU formatting, and QA practices for multilingual SaaS and mobile web experiences.162installs10Angular 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.161installs11Angular 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.160installs12Angular 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.160installs13NgrxAngular 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.159installs14Angular InterceptorsTeaches Angular HTTP interceptor patterns for cross-cutting API concerns including authentication headers, error mapping, retries, logging, and response transformation via HttpClient middleware.158installs15Angular 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.157installs16Angular 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.156installs17Angular 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.155installs18Angular 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.155installs19Angular 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.154installs20Angular 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.154installs21Angular 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.154installs22Angular 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.152installs23Angular 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.152installs24Angular 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.151installs25Angular 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.151installs26Angular 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.151installs27Angular 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.151installs28Angular 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.151installs29Angular ReactiveCovers Angular reactive forms and RxJS-driven UI state including FormGroup, FormArray, custom validators, async validation, valueChanges subscriptions, and patterns for complex dynamic forms.150installs30Angular RouterProvides Angular Router guidance for lazy-loaded feature modules, functional guards, parameterized routes, auxiliary outlets, and testing strategies for reliable SPA navigation.150installs31Angular 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.149installs32Angular DiGuides Angular dependency injection from basic inject() usage through advanced provider trees, InjectionToken design, and testable service wiring for production apps.149installs33Angular 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.149installs34Angular 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.149installs35Angular 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.149installs36Angular 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.148installs37Angular 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.148installs38Angular DirectivesCovers Angular directive design for structural and attribute use cases, including standalone directives, host bindings, and test strategies for reusable template behavior.146installs39Angular ZonelessCovers Angular zoneless change detection migration: enabling experimental zoneless providers, refactoring async patterns, validating third-party libraries, and measuring performance gains in production SPAs.146installs40Angular 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.145installs41Angular 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.145installs42Angular 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.145installs43NxCovers 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.143installs44Shadcn 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.136installs45Angular Securityangular-security is a Claude Code skill for security. It helps solo builders move faster with AI-assisted coding.1installs