add-shared-component
CommunityAdd reusable React components, instantly available everywhere.
Authorfkalinski
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Creating and integrating new reusable UI components into a federated React platform can be complex, requiring careful configuration for Module Federation, type definitions, and versioning. This Skill provides a streamlined guide to add components to the shared library, making them instantly available across all federated modules.
Core Features & Use Cases
- Component Creation & Export: Step-by-step instructions for creating a new React component and exporting it from the shared library.
- Module Federation Exposure: Configure Webpack to expose your new component via Module Federation, ensuring runtime availability.
- Use Case: When your design system team creates a new
DatePickercomponent, use this Skill to guide you through adding it toshared-components, exposing it, and making it consumable by all other tabs and shells without manual bundling.
Quick Start
Use the add-shared-component skill to add a new 'DatePicker' component to the shared library.
Dependency Matrix
Required Modules
npmreactwebpack
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: add-shared-component Download link: https://github.com/fkalinski/modular-react/archive/main.zip#add-shared-component Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.