mcpField
M
mf

mf

github.com/module-federationDevelopment4768 installsUpdated 9w ago
Repository

About mf

mf is a Module Federation skill for developers working with MF projects. It routes requests to focused references for tasks such as integration, type checks, configuration, performance, and runtime diagnosis.

Key features

  1. 01Routes requests to MF sub-skills
  2. 02Covers integration and project context
  3. 03Checks types, shared dependencies, and configuration
  4. 04Guides performance and runtime diagnosis

Use cases

  1. 01Find guidance for integrating Module Federation
  2. 02Investigate MF type or runtime errors
  3. 03Review shared dependencies and configuration

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/module-federation/agent-skills --skill mf

After installing, type/mfin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

reference/
bridge-check.md
config-check.md
context.md
divebell.md
docs.md
integrate.md
module-info.md
observability-analyze.md
observability-page.md
observability-read.md
observability-use.md
observability.md
perf.md
runtime-error.md
shared-deps.md
type-check.md
reference/browser-debug/
long-chain.md
setup.md
single-capture.md
scripts/
bridge-check.js
config-exposes-check.js
module-info.js
observability-collector.js
performance-check.js
shared-config-check.js
type-check.js

Details

From the project README

MF — Module Federation All-in-One Skill

Step 1: Identify the sub-skill

Parse $ARGUMENTS and map to a reference file in the reference/ directory (same directory as this file):

Sub-command (case-insensitive)AliasesReference file
docsdoc, help, ?reference/docs.md
contextctx, info, statusreference/context.md
module-infomodule, remote, manifestreference/module-info.md
integrateinit, setup, addreference/integrate.md
type-checktypes, ts, dtsreference/type-check.md
shared-depsshared, deps, singletonreference/shared-deps.md
perfperformance, hmr, speedreference/perf.md
config-checkconfig, plugin, exposesreference/config-check.md
bridge-checkbridge, sub-appreference/bridge-check.md
runtime-errorruntime-code, runtime-008, runtime-001, remote-entryreference/runtime-error.md
observabilityobs, observe, trace, traceId, report, observability, debug-loading, telemetry, runtime-007, moduleInfo, snapshotreference/observability.md

If no explicit sub-command is found, detect intent from the full input:

If the input contains an observability report, traceId, console read: command, .mf/observability file path, or asks how to observe, debug, trace, inspect, or upload Module Federation loading data, or uses obs as shorthand for observability, choose reference/observability.md even when the same input also contains a RUNTIME-xxx code.

Signal in inputReference file
Question about MF concepts, API, configuration optionsreference/docs.md
"integrate", "add MF", "setup", "scaffold", "new project"reference/integrate.md
"type error", "TS error", "@mf-types", "dts", "typescript"reference/type-check.md
"shared", "singleton", "duplicate", "antd", "transformImport"reference/shared-deps.md
"slow", "HMR", "performance", "build speed", "ts-go"reference/perf.md
"plugin", "asyncStartup", "exposes key", "config"reference/config-check.md
"bridge", "sub-app", "export-app", "createRemoteAppComponent"reference/bridge-check.md
"RUNTIME-001", "RUNTIME-008", "runtime error code", "remote entry load failed", "ScriptNetworkError", "ScriptExecutionError", "container missing", "window[remoteEntryKey]"reference/runtime-error.md
"obs", "mf obs", "Observability report generated", "console.error", "traceId", "read:", "diagnosis", "ownerHint", "summary.phases", ".mf/observability", "build-report.json", "latest.json", "RUNTIME-007", "moduleInfo", "remote snapshot", "global snapshot", "snapshot match", "observability", "observe MF", "debug MF loading", "trace loading", "loading report", "open page and inspect MF", "visit URL and observe MF", "看下 MF 加载情况", "telemetry", "onReport", "onEvent", "production report", "upload observability"reference/observability.md
"manifest", "remoteEntry URL", "module info", "publicPath"reference/module-info.md
"context", "what is configured", "MF role", "bundler"reference/context.md

If still ambiguous, show the user the sub-command table above and ask them to pick.

Step 2: Load and execute the reference

Read the matched file from the reference/ directory (same directory as this SKILL.md).

Execute all instructions in that file, passing the remaining arguments (everything after the sub-command token, or the full $ARGUMENTS if intent-detected) as ARGS.

If the selected workflow needs to open, inspect, or operate a real browser page, read reference/divebell.md first and use Divebell for every browser operation. Do not use raw CDP, a separately launched debug Chrome, Playwright, Puppeteer, or ad hoc browser scripts alongside Divebell.

Comments

Markdown supported