.agents/skills/mf-docs/SKILL.md
Answer questions about Module Federation (MF) — configuration, runtime API, build plugins (Webpack/Rspack/Rsbuild/Vite), framework integration (React/Vue/Next.js/Modern.js/Angular), shared dependencies, exposes, remotes, debugging, troubleshooting, and micro-frontend architecture. Use this skill when the user asks anything about module federation, remote modules, shared deps, mf-manifest, federation runtime, or micro-frontends with MF.
npx skillsauth add brGuirra/funkonation mf-docsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Answer Module Federation questions by fetching only the relevant documentation pages — not the entire docs.
Fetch the index to discover available pages and their descriptions:
https://module-federation.io/llms.txt
The index is in this format:
## Section Name
- [Page Title](/path/to/page.md): brief description of the page content
Read the page descriptions in the index and select the 1–3 pages most relevant to the user's question. Use the quick topic map below to narrow down candidates before reading descriptions.
Quick topic map:
| User asks about | Look in section |
|---|---|
| What is MF / concepts / glossary / getting started | Guide → start/ |
| CLI, CSS isolation, type hints, data fetching, prefetch | Guide → basic/ |
| Runtime API, loadRemote, MF instance, runtime hooks | Guide → runtime/ |
| Build plugin setup for Webpack / Rspack / Rsbuild / Vite / Metro | Guide → build-plugins/ |
| Next.js / Modern.js / Angular / React integration | Guide → framework/ or Practice → frameworks/ |
| React Bridge / Vue Bridge / cross-framework rendering | Practice → bridge/ |
| name, filename, exposes, remotes, shared, dts, manifest, shareStrategy | Configuration |
| Runtime plugins, retry plugin, custom plugin | Plugins |
| Performance, tree shaking, shared scopes | Guide → performance/ or Guide → advanced/ |
| Debug mode, Chrome DevTool, global variables | Guide → debug/ |
| Error messages, build errors, type errors | Guide → troubleshooting/ |
| Monorepo, Nx | Practice → monorepos/ |
| Deployment, Zephyr | Guide → deployment/ |
Construct the URL by removing the .md extension from the path in the index, then prepend the base URL:
https://module-federation.io{path_without_md_extension}
Examples:
/guide/start/index.md → https://module-federation.io/guide/start/index/configure/shared.md → https://module-federation.io/configure/shared/guide/runtime/runtime-api.md → https://module-federation.io/guide/runtime/runtime-apiFetch the page(s) and read the content.
Answer based on the fetched content. If the answer spans multiple pages (e.g., config + runtime), fetch both. Do not load more than 3 pages per question.
@module-federation/enhanced) — this is different from the older Webpack 5 built-in Module Federationdevelopment
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
development
Diagnose Module Federation type issues across three categories: (1) producer type file generation failures (TYPE-001), (2) consumer failing to pull remote types, (3) tsconfig not configured to consume remote types. Use when the user encounters TS type errors, missing @mf-types folder, or cannot consume remote module types.
development
Check Module Federation shared dependency configuration: detect shared/externals conflicts, antd/arco transformImport blocking shared deps, and multiple versions of the same shared package in build artifacts. Use when shared dependencies fail to be shared, or host and remote load duplicate instances of a library.