module-federation-types

Configure TypeScript types for Webpack Module Federation remotes.

Updated Aug 23, 2026

Search Tags:#type safety #typescript #frontend #webpack #declaration files #module federation #types

One-click install

npx skills add https://github.com/fkalinski/modular-react --skill module-federation-types

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: module-federation-types
Source: https://github.com/fkalinski/modular-react/tree/main/skills/module-federation-types
Command: npx skills add https://github.com/fkalinski/modular-react --skill module-federation-types

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires typescript, webpack.

What problem does it solve?

Managing TypeScript types across dynamically loaded Module Federation remotes is a significant challenge, leading to type errors, poor developer experience, and runtime issues. This Skill provides clear strategies and troubleshooting steps to ensure type safety and seamless integration across your federated modules.

Core Features & Use Cases

Type Sharing Strategies: Guides on inlined types, shared type packages, and type stubs for different scenarios.
Webpack Configuration for Types: Learn to configure Webpack for type generation and consumption, including when to disable it for production.
Use Case: When you encounter a "Cannot find module 'remote/Module'" error in your federated setup, activate this Skill to quickly find the solution for adding type stubs or configuring your tsconfig.json.

Quick Start

Use the module-federation-types skill to understand how to share types between federated modules.