angular-module-design by aj-geddes/useful-ai-prompts
npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill angular-module-design使用功能模块、惰性加载、服务和 RxJS 来构建可扩展的 Angular 应用程序,以实现响应式编程模式。
最小工作示例:
// 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";
@NgModule({
declarations: [UsersListComponent, UserDetailComponent],
imports: [CommonModule, ReactiveFormsModule, UsersRoutingModule],
providers: [UsersService],
})
export class UsersModule {}
references/ 目录下的详细实现:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 指南 | 内容 |
|---|---|
| 功能模块结构 | 功能模块结构 |
| 惰性加载路由 | 惰性加载路由 |
| 使用 RxJS 的服务 | 使用 RxJS 的服务 |
| 智能组件与展示组件 | 智能组件与展示组件 |
| 依赖注入与提供者 | 依赖注入与提供者 |
每周安装量
131
代码仓库
GitHub 星标数
116
首次出现
2026年1月21日
安全审计
安装于
opencode111
gemini-cli110
codex108
github-copilot94
claude-code93
cursor90
Architect scalable Angular applications using feature modules, lazy loading, services, and RxJS for reactive programming patterns.
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";
@NgModule({
declarations: [UsersListComponent, UserDetailComponent],
imports: [CommonModule, ReactiveFormsModule, UsersRoutingModule],
providers: [UsersService],
})
export class UsersModule {}
Detailed implementations in the references/ directory:
| Guide | Contents |
|---|---|
| Feature Module Structure | Feature Module Structure |
| Lazy Loading Routes | Lazy Loading Routes |
| Service with RxJS | Service with RxJS |
| Smart and Presentational Components | Smart and Presentational Components |
| Dependency Injection and Providers | Dependency Injection and Providers |
Weekly Installs
131
Repository
GitHub Stars
116
First Seen
Jan 21, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode111
gemini-cli110
codex108
github-copilot94
claude-code93
cursor90
Genkit JS 开发指南:AI 应用构建、错误排查与最佳实践
7,700 周安装
Elastic Cloud 云网络安全策略管理:IP过滤器与VPC过滤器配置指南
205 周安装
YouTube频道API工具 - 免费获取频道ID、最新视频和分页列表 | TranscriptAPI
70 周安装
Firecrawl 网页抓取工具:AI 友好的 Markdown 转换与反爬虫处理
199 周安装
阿里云 OpenClaw 最小化冒烟测试设置指南 - 验证 CLI、插件与网关状态
199 周安装
移动端离线支持开发指南:React Native/iOS/Android离线存储与同步最佳实践
199 周安装
macOS日历管理脚本:自动化创建、管理Apple日历事件,支持自然语言解析
199 周安装