mf-integrate

What problem does it solve?

This Skill simplifies the process of integrating Module Federation into existing web projects, enabling code sharing and micro-frontend architectures.

Core Features & Use Cases

• Automated Configuration: Detects project bundlers (Rsbuild, Rspack, Webpack, Modern.js, Vite, Next.js) and applies the correct Module Federation configuration.
• Role Assignment: Supports configuring the app as a consumer, provider, or both.
• Demo Integration: Allows immediate testing by connecting to a public demo provider.
• Use Case: You have an existing React application built with Vite and want to start consuming components exposed by another micro-frontend. This Skill will automatically add the necessary Module Federation configuration to your Vite project.

Quick Start

Use the mf-integrate skill to add Module Federation to your project root.