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.