Reviews shared dependency policy for Angular micro-frontends in Nx monorepos, focusing on singleton control, version alignment, bundle duplication risk, and shared library boundaries.
Installs into .claude/skills of the current project.
Are you the author of Angular Architecture Micro Frontends Dependency Sharing Policy?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/janpereira-dev-angular-architecture-micro-frontends-dependency-sh-ngautopilot)
---
id: angular.architecture.micro-frontends-dependency-sharing-policy
name: Micro-frontends Dependency Sharing Policy
description: >
Reviews shared dependency policy for Angular micro-frontends in Nx monorepos, focusing on singleton control, version alignment, bundle duplication risk, and shared library boundaries.
stack:
- Angular
- TypeScript
- Nx
- Module Federation
category: architecture
status: stable
version: 0.10.0
owner: NgAutoPilot
triggers:
- micro fronts dependency sharing
- micro-frontends dependency sharing
- dependency sharing policy
- shared singleton policy
- bundle duplication risk
- shared dependency alignment
- shared library boundaries
- module federation shared dependencies
- micro frontends dependencies
compatibility:
angular:
min: "2"
signalInputsFrom: "17"
recommendedModern: "17+"
---
# Micro-frontends Dependency Sharing Policy
## Purpose
Use this skill to review shared dependency policy for Angular micro-frontends.
Runtime composition only stays maintainable when shared dependencies are intentionally selected, version-aligned, and governed. This skill determines what should be shared, what should remain isolated, and how to prevent bundle duplication or hidden coupling.
The core rule is simple:
```txt
Share less than you think. Share only what is truly transversal.
```
## When to Use
Use this skill when:
- Module Federation shared configuration needs review
- singleton dependencies may conflict
- bundle duplication is a concern
- remotes use shared libraries inconsistently
- shared dependency governance is unclear
## Do
Keep the shared set small:
```txt
Typically shared:
- @angular/core
- @angular/common
- @angular/router
- rxjs
- shared/ui
- design-system
```
Treat domain-specific code as isolated by default.
Prefer explicit version alignment for singleton candidates.
Review bundle impact before sharing large libraries.
## Do Not
Avoid sharing arbitrary app state through dependency config.
Avoid turning every dependency into a singleton.
Avoid sharing domain services across remotes.
Avoid letting bundle convenience override architectural clarity.
## Review Checklist
- [ ] The shared dependency set is intentionally small.
- [ ] Singleton candidates have a reason to be shared.
- [ ] Domain-specific libraries remain isolated.
- [ ] Version alignment is reviewed.
- [ ] Bundle duplication risk is understood.
- [ ] Shared configuration is documented and enforced.
## Expected Output
1. Identify dependencies that are candidates for sharing.
2. Flag over-sharing or bundle bloat risk.
3. Recommend a minimal shared set.
4. Separate transversal libraries from domain libraries.
5. Produce a dependency sharing policy.