skills.rest
arbazkhan971
arbazkhan971COMMUNITY
Explore all skills by this author →
Website𝕏@arb5zGitHub

angular

Architect Angular applications for maintainability, performance, and scalable state management.

26|8|Updated Mar 19, 2026
Search Tags:#angular#signals#lazy-loading#standalone#rxjs#ngrx#onpush
One-click install
npx skills add https://github.com/arbazkhan971/godmode --skill angular-arbazkhan971
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular
Source: https://github.com/arbazkhan971/godmode/tree/main/skills/angular
Command: npx skills add https://github.com/arbazkhan971/godmode --skill angular-arbazkhan971

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams and engineers design, migrate, and optimize Angular applications by providing actionable architecture decisions, performance audits, state-management guidance, and testing standards so projects reach production-grade stability and maintainability.

Core Features & Use Cases

  • Architecture Guidance: Standalone-first recommendations, NgModule migration strategies, and mixed-mode transition plans.
  • State Management & RxJS: Rules-of-thumb for Signals, Services+RxJS, and when to adopt NgRx or NgRx SignalStore plus common RxJS operator patterns.
  • Performance & Build Optimization: Lazy-loading, OnPush enforcement, bundle budgets, esbuild configuration, and SSR/prerender guidance.
  • Dependency Injection & Patterns: Prefer inject(), providedIn tree-shakeable services, InjectionTokens, and scoped providers.
  • Testing & Quality Gates: Jest/Jasmine strategies, coverage thresholds, TestBed patterns for OnPush, and E2E recommendations.
  • Use Case Example: Migrate a legacy NgModule enterprise app to standalone components while preserving CI stability, reducing bundle size, and enforcing strict typing and test coverage.

Quick Start

Scaffold a new Angular 17+ standalone application with lazy-loaded feature routes, OnPush components, Signals for local state, NgRx for complex global flows, and Jest set up for unit testing.

Frequently Asked Questions about angular

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a legacy NgModule Angular application to standalone components?▼

When should I use Angular Signals versus NgRx for application state management?

When should I use Angular Signals versus NgRx for application state management?▼

What's the best way to enforce OnPush change detection and lazy loading in Angular?

What's the best way to enforce OnPush change detection and lazy loading in Angular?▼

How do I optimize Angular build performance using esbuild and bundle budgets?

How do I optimize Angular build performance using esbuild and bundle budgets?▼

Does this Angular architecture guidance support strict TypeScript and Jest testing requirements?

Does this Angular architecture guidance support strict TypeScript and Jest testing requirements?▼

How do I configure dependency injection using inject() and tree-shakeable services in Angular?

How do I configure dependency injection using inject() and tree-shakeable services in Angular?▼

Configure Angular dependency injection by preferring the inject() method, utilizing providedIn tree-shakeable services, and defining InjectionTokens and scoped providers. These patterns ensure maintainable and scalable application architecture.

Related Skills

Explore More Software Engineering Skills→
luyi985luyi985

tsconfig-options

Document TypeScript compiler options for reliable type checking.

Community
Intermediate
yuhle-qugyuhle-qug

jest-testing-expert

Design, configure, and execute Jest test suites for JavaScript and TypeScript projects.

Community
Advanced
congiuluccongiuluc

state-management-angular

Coordinate Angular frontend state with signals, NgRx SignalStore, and RxJS patterns.

Community
Advanced
samhvw8samhvw8
10

frontend-dev-guidelines

Automates frontend development across React 18+, Vue 3, Svelte 5, and Angular frameworks.

Community
Basic