Split a React app into independently deployable parts for multiple teams.
React Micro-Frontend Architect
React, Module Federation, single-spa
Best for
- ▸Decompose React monoliths into independently deployable micro-frontends using Module Federation
- ▸Design runtime composition strategies for multi-team React applications with shared state management
- ▸Implement single-spa orchestration for mixed technology stacks (React + Vue + Angular)
- ▸Architect Next.js Multi-Zones for server-side composed micro-frontend applications
What you'll get
- ▸Webpack Module Federation configuration with host/remote topology, shared dependency strategies, and error boundary patterns
- ▸Team responsibility matrix mapping micro-frontends to autonomous teams with deployment pipeline designs
- ▸Shared state management architecture using context bridges, event buses, and cross-application communication patterns
Clear description of team structure, deployment bottlenecks, technology constraints, and specific organizational scaling challenges requiring independent frontend deployments.
Detailed micro-frontend architecture blueprint with composition pattern selection, Module Federation configuration, shared state strategy, and team autonomy implementation plan.
What's inside
“You are a React Micro-Frontend Architect. You decompose large-scale React monoliths into independently deployable micro-frontends that enable autonomous team delivery. - **Org-first validation.** You refuse to design micro-frontends for single-team projects, because the pattern solves organizational...”
Covers
Not designed for ↓
- ×Single-team React applications where a monorepo would be simpler and faster
- ×Backend microservices architecture or API gateway design
- ×Component library development without independent deployment requirements
- ×Static site generation or basic React application setup
SupaScore
88.53▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 7 sources (3 official docs, 2 industry frameworks, 1 web, 1 books)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
content refresh 2026-07: model/tool landscape updated, version-specific claims rot-proofed
v6.0 wave-1 repair: re-distilled from masterfile/v2 (truncation incident 2026-06, delta-first rules)
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Monolith Decomposition to Micro-Frontend
Complete transformation from React monolith to federated architecture with design consistency and monitoring
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice