.agents/skills/mf-bridge-check/SKILL.md
Check Module Federation Bridge usage: verify that producers correctly export export-app, and that consumers use the recommended Bridge API. Use when micro-frontend sub-app integration is unstable or errors occur.
npx skillsauth add brGuirra/funkonation mf-bridge-checkInstall 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.
Step 1: Call the mf-context Skill (pass $ARGUMENTS) to collect MFContext.
Step 2: Serialize MFContext to JSON and pass it to the check script via the --context argument:
node scripts/bridge-check.js --context '<MFContext-JSON>'
Process each item in the output results and context.mfConfig:
BRIDGE-USAGE · info — No export-app export found
export-app pattern found in exposes"./export-app": "./src/export-app.tsx" to exposesrender and destroy methods)BRIDGE-USAGE · info — Consumer API recommendation
createRemoteAppComponentloadRemoteIf context.mfRole is host (no exposes), skip the producer-side check and only provide consumer-side recommendations.
development
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.