mf-integrate

Integrate Module Federation into Rsbuild, Rspack, Webpack, Modern.js, Next.js, or Vite projects.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/brGuirra/funkonation --skill mf-integrate-brguirra
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mf-integrate
Source: https://github.com/brGuirra/funkonation/tree/main/.agents/skills/mf-integrate
Command: npx skills add https://github.com/brGuirra/funkonation --skill mf-integrate-brguirra

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of integrating Module Federation into existing JavaScript projects, enabling micro-frontend architectures.

Core Features & Use Cases

  • Add Provider Configuration: Set up an application to expose modules to other applications.
  • Add Consumer Configuration: Configure an application to load modules from remote applications.
  • Scaffold New Projects: Guide users to create a new Module Federation project from scratch.
  • Use Case: You have a large monolithic frontend application and want to break it down into smaller, independently deployable micro-frontends. This Skill helps you configure one part as a provider and another as a consumer.

Quick Start

Use the mf-integrate skill to add Module Federation as a consumer to your project located at /path/to/your/project.

Frequently Asked Questions about mf-integrate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Module Federation into an existing Vite or Webpack project?

To integrate Module Federation into an existing Vite or Webpack project, this Skill configures your application as a provider to expose modules or a consumer to load remote modules, enabling micro-frontend architectures.

Can I set up my Rsbuild or Rspack application to load remote modules?

Yes, you can set up your Rsbuild or Rspack application to load remote modules by adding a consumer configuration, which allows your project to fetch and integrate modules from other applications.

What is the best way to expose modules to other applications in a micro-frontend setup?

The best way to expose modules to other applications is by adding a provider configuration to your JavaScript project, which defines the specific modules available for remote consumption by consumer applications.

Does Module Federation work with Next.js and Modern.js projects?

Module Federation works with Next.js and Modern.js projects by integrating configurations that allow these frameworks to act as module providers or consumers, facilitating independent deployment.

How do I break down a monolithic frontend application into independently deployable micro-frontends?

To break down a monolithic frontend into independently deployable micro-frontends, this Skill configures separate parts of your application as module providers exposing modules and consumers loading them remotely.

Can I quickly consume a demo provider when configuring my application as a consumer?

Yes, when configuring your application as a consumer, this Skill facilitates a quick setup to consume a demo provider, allowing you to test loading remote modules immediately without building a provider yourself.