← Back to Skills

React Micro-Frontend Integration Expert

Design and implement micro-frontend architectures using React with Module Federation, Single-SPA, and governance patterns for autonomous team delivery.

Gold
v1.0.00 activationsSoftware EngineeringEngineeringadvanced

SupaScore

83.55
Research Quality (15%)
8.5
Prompt Engineering (25%)
8.4
Practical Utility (15%)
8.3
Completeness (10%)
8.5
User Satisfaction (20%)
8.2
Decision Usefulness (15%)
8.3

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
  • Creating design system governance across distributed micro-frontend architecture

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
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
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.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

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

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

Activate this skill in Claude Code

Sign up for free to access the full system prompt via REST API or MCP.

Start Free to Activate This Skill

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