datahub-mfe-configure-app
installsforks
How to install datahub-mfe-configure-app?
datahub-project/datahub-skills/datahub-mfe-configure-app
$npx -y skills add datahub-project/datahub-skills --skill datahub-mfe-configure-appConfigure a DataHub instance to load and display a Micro Frontend (MFE) app. Use when the user wants to register an MFE with DataHub, add an MFE to the nav sidebar, set up MFE config for local dev or production/k8s, or troubleshoot MFE loading issues.
SKILL.md
| 1 | # Configure an MFE in DataHub |
| 2 | |
| 3 | Walks through registering a Micro Frontend app with the DataHub frontend so it |
| 4 | loads at `/mfe/<path>` and optionally appears in the navigation sidebar. Covers |
| 5 | local development, production/k8s deployment, and troubleshooting. |
| 6 | |
| 7 | ## Step 1: Gather Information |
| 8 | |
| 9 | Use the **AskQuestion** tool to collect the following in a single call. |
| 10 | |
| 11 | | Question | ID | Options | |
| 12 | | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |
| 13 | | Are you configuring for local development or production/k8s? | `env_target` | `Local development` / `Production / Kubernetes` | |
| 14 | | MFE app name — the `name` field inside `new ModuleFederationPlugin({ name: '...' })` in the MFE's `webpack.config.js`. **Must match exactly.** | `mf_name` | `testAppMFE` / `N/A - I'll fill it in later` | |
| 15 | | URL path where the MFE should be accessible, e.g. `/dashboard` (must start with `/`) | `mfe_path` | `/test_page` / `N/A - I'll fill it in later` | |
| 16 | | `remoteEntry.js` URL, e.g. `http://localhost:3002/remoteEntry.js` | `remote_entry_url` | `http://localhost:3002/remoteEntry.js` / `N/A - I'll fill it in later` | |
| 17 | | Display label for navigation, e.g. `Team Dashboard` | `display_label` | `Test Dashboard` / `N/A - I'll fill it in later` | |
| 18 | | Should the MFE appear in the left nav sidebar? | `show_in_nav` | `Yes` / `No` | |
| 19 | | Nav icon | `nav_icon` | `ChartBar` / `Trophy` / `Gear` / `HandWaving` / `Lightning` / `MagnifyingGlass` / `Database` / `Users` / `Shield` / `Bell` / `Flag` / `Star` / `Heart` / `Cube` / `Table` / `Code` / `Globe` / `Rocket` | |
| 20 | |
| 21 | If `env_target` is **Local development**, ask one follow-up question using |
| 22 | **AskQuestion** before proceeding: |
| 23 | |
| 24 | | Question | ID | Options | |
| 25 | | ------------------------------------ | ------------ | ------------------------------------------------------------------------------ | |
| 26 | | How are you running DataHub locally? | `local_mode` | `Docker / datahub-dev.sh (standard)` / `Play server directly (sbt / IntelliJ)` | |
| 27 | |
| 28 | For the `N/A - I'll fill it in later` fields (`mf_name`, `mfe_path`, |
| 29 | `remote_entry_url`, `display_label`), do NOT invent or suggest values from the |
| 30 | workspace. The user will type their own. |
| 31 | |
| 32 | > **Finding the MFE app name**: Open the MFE's `webpack.config.js` and look for |
| 33 | > the `ModuleFederationPlugin` block. The `name` property is what goes here: |
| 34 | > |
| 35 | > ```js |
| 36 | > new ModuleFederationPlugin({ name: 'teamDashboardMFE', ... }) |
| 37 | > // ^^^^^^^ |
People who liked this also viewed
6 picksType
- azure-kustoQuery and analyze data in Azure Data Explorer (Kusto/ADX) using KQL for log analytics, telemetry, and time series analysis. WHEN: KQL queries, Kusto database queries, Azure Data Explorer, ADX clustersSkillsJul 2026
- lark-base飞书多维表格（Base）操作：建表、字段、记录、视图、统计、公式/lookup、表单、仪表盘、workflow、角色权限；遇到 Base/多维表格/bitable 或 /base/ 链接时使用。文件导入转 lark-drive，认证/授权转 lark-shared。SkillsJul 2026
- lark-calendar飞书日历：管理日历日程和会议室。查看/搜索日程、创建/更新日程、管理参会人、查询忙闲和推荐时段、预定会议室。当用户需要查看日程安排、创建/修改会议、查询/预定会议室时使用。不负责：查询过去的视频会议记录（走 lark-vc）、待办任务（走 lark-task）。SkillsJul 2026
- shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. AppliSkillsJul 2026
- xlsxUse this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.SkillsJul 2026
- firebase-data-connectAgent Skills for FirebaseSkillsJul 2026
