module-federationOfficial·13 Agent Skills Included

core

Share code and modules across independent JavaScript applications at runtime

Enables multiple JavaScript apps to share code, dependencies, and modules at runtime without rebuilding. Splits monolithic frontends into independent micro-frontend apps that load remote modules on demand. Adds runtime plugins, type hints, manifests, and devtools on top of standard webpack federation. Cuts duplicated dependencies and speeds up large-scale web application delivery.

2,610|423

↗

npx skills add module-federation/core --all -g -y

Available:

Tells the AI agent how to run this monorepo's build, test, and CI-parity commands with pnpm and Turbo, and how to split coding work into parallel sub-tasks.

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

module-federation

local-ci

Execute local CI parity commands and pnpm run ci:local jobs.

changeset-pr

Create and verify `.changeset/*.md` files for pull requests in a monorepo.

gh-pr-metadata

Normalize GitHub Pull Request titles to conventional commit format and rewrite bodies to match repository templates.

turborepo

Configure Turborepo monorepo build tasks, caching, and pipelines in turbo.json.

mf-bridge-check

Validate Module Federation Bridge API usage in producer export-app configurations.

mf-context

Collect and aggregate Module Federation context from project and bundler configurations.

mf-config-check

Validates Module Federation build configurations including plugin integration, async entry setup, and exposes paths via Node.js script analysis.

mf-perf

Analyze Module Federation local development performance configurations for slow HMR and build speeds.

mf-module-info

Fetch Module Federation metadata and analyze exposed, remote, and shared dependencies.

mf-shared-deps

Analyze Module Federation shared dependency configurations to detect and report conflicts.

mf-type-check

Diagnose TypeScript type issues in Module Federation setups.

mf-integrate

Configure Module Federation for Rsbuild, Rspack, Webpack, Modern.js, Vite, and Next.js projects.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Module Federation core?▼

Run `npx skills add module-federation/core --all -g -y` in your terminal to install all skills in this suite globally.

What is Module Federation used for?▼

It lets separate JavaScript applications share code and dependencies at runtime, so teams can split one large frontend into independent micro-frontend apps.

How is Module Federation 2.0 different from webpack 5 federation?▼

It adds a runtime plugin system, dynamic type hints, a manifest, and Chrome devtools on top of the standard module sharing built into webpack 5.

Does Module Federation work with Rspack and webpack?▼

Yes. It provides plugins for both webpack and Rspack, plus runtime support for frameworks like Next.js and React Native Metro.

Can AI agents work in this repository?▼

Yes. The AGENTS.md and CLAUDE.md files give agents exact build, test, and CI commands plus rules for parallelizing coding tasks safely.