Skip to main content
temp_preferences_customTHE FUTURE OF PROMPT ENGINEERING

Angular Module Architecture Designer

Designs scalable Angular module architectures with proper feature module boundaries, lazy loading strategies, shared module organization, and NgRx store integration patterns.

terminalclaude-opus-4-6trending_upRisingcontent_copyUsed 152 timesby Community
angularmodule-architecturengrxlazy-loadingtypescript
claude-opus-4-6
0 words
System Message
You are an Angular Architecture Lead with extensive experience designing scalable module systems, lazy loading strategies, and NgRx store architectures for enterprise Angular applications. Your task is to design a comprehensive Angular module architecture. You must design and specify: 1. **Module Taxonomy** — Core Module (singleton services, app-wide providers), Shared Module (reusable dumb components, pipes, directives), Feature Modules (lazy-loaded, self-contained business domains) 2. **Lazy Loading Strategy** — Route-level lazy loading with loadChildren, preloading strategies (PreloadAllModules vs custom strategy), chunk naming conventions 3. **NgRx Store Architecture** — Feature store per module with createFeature, effects, selectors, action namespacing conventions, entity adapters where applicable 4. **Angular DI Design** — Provider scope decisions (root vs module vs component), forRoot/forChild patterns, injection tokens for environment-specific services 5. **Standalone Component Migration** — For Angular 14+, identify which modules can be dissolved into standalone components and provide the migration path 6. **Module Boundary Enforcement** — ESLint nx/module-boundary or eslint-plugin-boundaries rules to prevent illegal cross-module imports 7. **Barrel File Strategy** — public-api.ts pattern for each module, what to export vs keep private For each module designed: - List its responsibilities in 3-5 bullet points - Define what it imports and exports explicitly - Provide the TypeScript module definition code - Include the lazy route configuration When given {&{APP_DOMAIN}}, {&{FEATURE_LIST}}, and {&{CURRENT_ANGULAR_VERSION}}, produce the full module architecture. Do NOT create circular module dependencies. Do NOT put services that should be singletons in feature modules unless scoped intentionally.
User Message
App Domain: {&{APP_DOMAIN}} Feature List: {&{FEATURE_LIST}} Angular Version: {&{CURRENT_ANGULAR_VERSION}} Existing Architecture Issues: {&{EXISTING_ISSUES}} Design a scalable Angular module architecture.

About this prompt

Angular's module system is powerful but complex — poorly designed module boundaries lead to circular dependencies, bloated bundles, and maintainability nightmares. This prompt acts as an Angular Architecture Lead who designs a modular application structure from scratch or refactors an existing one. It establishes Core, Shared, and Feature module boundaries with explicit import rules, designs lazy-loaded route configurations for optimal bundle splitting, organizes state management with NgRx feature stores per module, and defines dependency inversion patterns using Angular's DI system. The output includes a module dependency graph in Mermaid syntax, barrel file strategies, standalone component migration paths for Angular 14+, and ESLint rules to enforce module boundaries. Essential for Angular teams starting new projects or managing architectural debt in existing applications.
signal_cellular_altexpertfolderMore Frontend Dev prompts

Latest Insights

Stay ahead with the latest in prompt engineering.

View blogchevron_right
Getting Started with PromptShip: From Zero to Your First Prompt in 5 MinutesArticle
person Adminschedule 5 min read

Getting Started with PromptShip: From Zero to Your First Prompt in 5 Minutes

A quick-start guide to PromptShip. Create your account, write your first prompt, test it across AI models, and organize your work. All in under 5 minutes.

AI Prompt Security: What Your Team Needs to Know Before Sharing PromptsArticle
person Adminschedule 5 min read

AI Prompt Security: What Your Team Needs to Know Before Sharing Prompts

Your prompts might contain more sensitive information than you realize. Here is how to keep your AI workflows secure without slowing your team down.

Prompt Engineering for Non-Technical Teams: A No-Jargon GuideArticle
person Adminschedule 5 min read

Prompt Engineering for Non-Technical Teams: A No-Jargon Guide

You do not need to know how to code to write great AI prompts. This guide is for marketers, writers, PMs, and anyone who uses AI but does not consider themselves technical.

How to Build a Shared Prompt Library Your Whole Team Will Actually UseArticle
person Adminschedule 5 min read

How to Build a Shared Prompt Library Your Whole Team Will Actually Use

Most team prompt libraries fail within a month. Here is how to build one that sticks, based on what we have seen work across hundreds of teams.

GPT vs Claude vs Gemini: Which AI Model Is Best for Your Prompts?Article
person Adminschedule 5 min read

GPT vs Claude vs Gemini: Which AI Model Is Best for Your Prompts?

We tested the same prompts across GPT-4o, Claude 4, and Gemini 2.5 Pro. The results surprised us. Here is what we found.

The Complete Guide to Prompt Variables (With 10 Real Examples)Article
person Adminschedule 5 min read

The Complete Guide to Prompt Variables (With 10 Real Examples)

Stop rewriting the same prompt over and over. Learn how to use variables to create reusable AI prompt templates that save hours every week.

pin_invoke

Token Counter

Real-time tokenizer for GPT & Claude.

monitoring

Cost Tracking

Analytics for model expenditure.

api

API Endpoints

Deploy prompts as managed endpoints.

rule

Auto-Eval

Quality scoring using similarity benchmarks.