One-click install
npx skills add https://github.com/NoManPlay/my-skills --skill mf-nomanplay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mf
Source: https://github.com/NoManPlay/my-skills/tree/main/skills/mf
Command: npx skills add https://github.com/NoManPlay/my-skills --skill mf-nomanplay

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you understand, configure, and troubleshoot Module Federation (MF) when builds, runtime loading, shared dependencies, Bridge integration, performance, or MF type generation go wrong.

Core Features & Use Cases

  • Sub-skill driven MF troubleshooting: Route your question to the right checker for concepts, integration, config validity, types, shared deps, performance, Bridge usage, or runtime error codes.
  • Context-aware diagnostics: Automatically gathers MFContext (bundler, role, remotes/exposes/shared, diagnostics/artifacts when available) and runs targeted checks.
  • Evidence-first runtime debugging: For runtime error codes, guides you to classify the failure (network vs execution) and optionally capture browser evidence via CDP.

Quick Start

Ask: "Why am I getting RUNTIME-008 when loading the remoteEntry?" and then respond with the exact code so the Skill runs the runtime-error flow.

Frequently Asked Questions about mf

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I troubleshoot Module Federation shared dependencies conflicts?

To troubleshoot Module Federation shared dependencies conflicts, this Skill detects version mismatches and configuration issues between consumer and remote roles. It validates your shared-deps setup and provides targeted recommendations to resolve runtime loading failures.

Why does my Module Federation remoteEntry fail with a runtime error code?

When your Module Federation remoteEntry fails with a runtime error code, this Skill classifies the failure by distinguishing network errors from execution errors. It optionally captures browser evidence via CDP to diagnose the exact runtime issue.

How do I generate types for Module Federation exposed modules?

To generate types for Module Federation exposed modules, this Skill guides you through the type generation process. It checks your project configuration and validates type-checking setups to ensure consumer applications correctly import remote component definitions.

Does Module Federation Bridge work with my existing bundler configuration?

This Skill validates whether your Module Federation Bridge integration aligns with your current bundler configuration. It analyzes your MFContext project summary, checking consumer and remote roles to confirm Bridge usage compatibility and identify integration gaps.

What is the best way to diagnose Module Federation build configuration errors?

The best way to diagnose Module Federation build configuration errors is using this Skill's context-aware validation. It automatically gathers your bundler settings and dispatches targeted checks to identify invalid config properties and performance bottlenecks.

Can I use Module Federation for micro-frontends without experiencing shared dependency loading issues?

You can use Module Federation for micro-frontends while minimizing shared dependency loading issues by following this Skill's configuration validation and conflict detection flows. It evaluates your shared-deps setup to prevent duplicate runtime instances and version mismatches.