Answer Module Federation questions on configuration, runtime API, and build plugins.
npx skills add https://github.com/brGuirra/funkonation --skill mf-docs-brguirra
Please help me install this Agent Skill. Skill: mf-docs Source: https://github.com/brGuirra/funkonation/tree/main/.agents/skills/mf-docs Command: npx skills add https://github.com/brGuirra/funkonation --skill mf-docs-brguirra
This Skill helps users understand and implement Module Federation (MF) by providing precise documentation on its configuration, runtime, build plugins, and framework integrations.
exposes, remotes, shared dependencies, and more.loadRemote and MF instance features.shared option.Use the mf-docs skill to find information on configuring shared dependencies in Module Federation.
High-intent search queries and answers about installing and using this skill.
Module Federation lets you configure shared dependencies using the `shared` option in your build configuration, enabling multiple micro-frontends to load a single instance of a library like React at runtime. This skill provides exact configuration parameters and examples fetched from module-federation.io.
The Module Federation runtime API uses functions like `loadRemote` to dynamically fetch and integrate remote components into your host application at runtime. This allows you to execute micro-frontend integrations without needing to rebuild the host.
Yes, Module Federation supports integration with multiple build tools including Webpack, Rspack, Rsbuild, and Vite. This skill provides specific setup guidance and documentation for configuring micro-frontend builds across these different environments.
You expose modules using the `exposes` configuration option in the provider application, and consume them in the host application using the `remotes` configuration option. This establishes a clear contract for loading specific components across independent deployments.
Module Federation supports integration with major JavaScript frameworks including React, Vue, Next.js, and Angular. This skill fetches framework-specific documentation to help you set up micro-frontend architectures across these platforms.
Debugging Module Federation involves checking your `exposes`, `remotes`, and `shared` configurations for mismatched versions or incorrect paths. This skill provides documentation on common configuration pitfalls and runtime API debugging techniques to resolve integration issues.
module-federationConfigure Module Federation for Rsbuild, Rspack, Webpack, Modern.js, Vite, and Next.js projects.
grvpanchalExplain UI component terminology and the JSX to createElement pipeline.
module-federationRetrieve and synthesize Module Federation documentation from module-federation.io.
mgd34msuConfigures Webpack 5 for JavaScript/TypeScript bundling with modules, plugins, code splitting, and Module Federation.