Angular Module Design

This one helps you structure large Angular apps with feature modules, lazy loading, and proper dependency injection patterns. You get a working example of a users module with routing and services, plus reference guides covering smart vs presentational components, RxJS service patterns, and provider configuration. It's solid if you're moving beyond a single monolithic app module and need to organize features that can load on demand. The quick start actually shows you a complete feature module setup, not just fragments, which is helpful. Best for mid-sized teams that need consistent patterns across features rather than everyone doing their own thing.

skills.sh installs: 469
GitHub stars: 379
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add aj-geddes/useful-ai-prompts --skill angular-module-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Overview

Architect scalable Angular applications using feature modules, lazy loading, services, and RxJS for reactive programming patterns.

When to Use

Large Angular applications
Feature-based organization
Lazy loading optimization
Dependency injection patterns
Reactive state management

Quick Start

Minimal working example:

// users.module.ts
import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { ReactiveFormsModule } from "@angular/forms";
import { UsersRoutingModule } from "./users-routing.module";
import { UsersListComponent } from "./components/users-list/users-list.component";
import { UserDetailComponent } from "./components/user-detail/user-detail.component";
import { UsersService } from "./services/users.service";

SKILL.md on GitHub