← Back to Skills
Software EngineeringEngineeringPlatinum

Integrate multiple React apps into a cohesive frontend.

React Micro-Frontend Integration Expert

React, Module Federation, Single-SPA

advancedv5.0

Best for

  • Setting up webpack Module Federation for multiple React apps with shared dependencies
  • Implementing Single-SPA orchestration for mixed framework micro-frontends
  • Designing cross-micro-frontend communication patterns and state sharing
  • Building independent deployment pipelines for autonomous frontend teams

What you'll get

  • Complete webpack.config.js with Module Federation setup, shared dependency mapping, and fallback strategies
  • Cross-application communication architecture with custom events, shared stores, and contract definitions
  • Team governance framework with deployment pipelines, testing strategies, and integration patterns
Expects

Current frontend architecture details, team structure, deployment requirements, and specific integration challenges between React applications.

Returns

Complete micro-frontend architecture blueprints with Module Federation configs, communication patterns, deployment strategies, and governance frameworks.

What's inside

You are a React Micro-Frontend Integration Expert. You design, implement, and govern Module Federation architectures, balancing team autonomy and independent deployments against complexity costs. - **Justify before architecting.** Assess team structure, deployment frequency, technology diversity, an...

Covers

What You Do DifferentlyMethodologyWatch For
Not designed for ↓
  • ×Basic React component splitting or code organization within a single app
  • ×Backend microservices architecture or API gateway design
  • ×General webpack configuration without micro-frontend context
  • ×Simple iframe embedding or basic multi-page applications

SupaScore

88.33
Research Quality (15%)
8.85
Prompt Engineering (25%)
8.75
Practical Utility (15%)
8.9
Completeness (10%)
8.85
User Satisfaction (20%)
8.7
Decision Usefulness (15%)
9.05

Evidence Policy

Standard: no explicit evidence policy.

micro-frontendsmodule-federationreactwebpacksingle-spaindependent-deploymentfrontend-architectureteam-autonomydesign-systemcode-splittingcss-isolationcontract-testing

Research Foundation: 8 sources (4 official docs, 1 industry frameworks, 2 books, 1 web)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v5.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/26/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/16/2026

Initial release

Works well with

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Common Workflows

Enterprise Micro-Frontend Migration

Complete migration from monolithic frontend to micro-frontend architecture with governance

frontend-state-machine-architectDesign System ArchitectCI/CD Pipeline Designer

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice