mf-perf

Analyze Module Federation configurations to detect HMR and build speed optimizations.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/brGuirra/funkonation --skill mf-perf-brguirra
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mf-perf
Source: https://github.com/brGuirra/funkonation/tree/main/.agents/skills/mf-perf
Command: npx skills add https://github.com/brGuirra/funkonation --skill mf-perf-brguirra

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps developers identify and fix performance bottlenecks in their Module Federation setup, specifically addressing slow Hot Module Replacement (HMR) and long build times.

Core Features & Use Cases

  • Performance Auditing: Analyzes Module Federation configurations for common performance anti-patterns.
  • Optimization Recommendations: Provides actionable advice for improving build and HMR speeds.
  • Automated Fixes: Offers to automatically apply certain optimizations, like switching to ts-go for faster TypeScript type generation.
  • Use Case: A developer experiencing slow local development feedback loops can use this Skill to pinpoint configuration issues and receive clear instructions on how to resolve them.

Quick Start

Use the mf-perf skill to check the performance configuration for the current project.

Frequently Asked Questions about mf-perf

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

FAQPage Schema
How do I fix slow HMR and build speeds in Module Federation?

You can optimize Module Federation performance by auditing your configuration for common anti-patterns. This Skill analyzes your Rspack, Rsbuild, or Webpack setup to detect bottlenecks and provide actionable recommendations for faster HMR and builds.

Does this Module Federation optimization tool work with Rspack and Rsbuild?

Yes, this optimization tool works with Module Federation configurations using Rspack, Rsbuild, or Webpack. It analyzes your specific bundler setup to detect performance bottlenecks and recommend fixes for slow HMR and build times.

How do I reduce TypeScript build overhead in my Module Federation project?

To reduce TypeScript build overhead, you can apply automated fixes like switching to ts-go for faster type generation. This Skill detects TypeScript overhead in your Module Federation project and offers to automatically apply performance optimizations.

Why is my Module Federation local development feedback loop so slow?

Your slow local development feedback loop is likely caused by configuration anti-patterns affecting HMR and build speeds. This Skill analyzes your Module Federation setup to pinpoint these specific issues and provide clear instructions to resolve them.

Do I need Node.js to analyze and optimize my Module Federation configuration?

Yes, you need Node.js installed to analyze and optimize your Module Federation configuration. The performance auditing process also requires the mf-context skill to collect the necessary data for detecting build and HMR bottlenecks.