mcpField
M
mf

mf

github.com/module-federation開発4768 回インストール9 週間前に更新
リポジトリ

mf について

mfは、Module Federationプロジェクトの開発者向けスキルです。統合、型チェック、設定、パフォーマンス、実行時診断などの参照資料へ依頼を振り分けます。

主な機能

  1. 01依頼をMFのサブスキルに振り分け
  2. 02統合とプロジェクト状況を案内
  3. 03型・共有依存関係・設定を確認
  4. 04性能と実行時診断を案内

活用シーン

  1. 01Module Federationの統合方法を調べる
  2. 02MFの型エラーや実行時エラーを調査
  3. 03共有依存関係と設定を確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/module-federation/agent-skills --skill mf

インストール後、Claude Code で/mfを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

reference/
bridge-check.md
config-check.md
context.md
divebell.md
docs.md
integrate.md
module-info.md
observability-analyze.md
observability-page.md
observability-read.md
observability-use.md
observability.md
perf.md
runtime-error.md
shared-deps.md
type-check.md
reference/browser-debug/
long-chain.md
setup.md
single-capture.md
scripts/
bridge-check.js
config-exposes-check.js
module-info.js
observability-collector.js
performance-check.js
shared-config-check.js
type-check.js

詳細

MF — Module Federation オールインワンスキル

ステップ 1:サブスキルを特定する

$ARGUMENTS を解析し、reference/ ディレクトリ(このファイルと同じディレクトリ)にある参照ファイルに対応付けます。

サブコマンド(大文字・小文字を区別しない)別名参照ファイル
docsdoc、help、?reference/docs.md
contextctx、info、statusreference/context.md
module-infomodule、remote、manifestreference/module-info.md
integrateinit、setup、addreference/integrate.md
type-checktypes、ts、dtsreference/type-check.md
shared-depsshared、deps、singletonreference/shared-deps.md
perfperformance、hmr、speedreference/perf.md
config-checkconfig、plugin、exposesreference/config-check.md
bridge-checkbridge、sub-appreference/bridge-check.md
runtime-errorruntime-code、runtime-008、runtime-001、remote-entryreference/runtime-error.md
observabilityobs、observe、trace、traceId、report、observability、debug-loading、telemetry、runtime-007、moduleInfo、snapshotreference/observability.md

明示的なサブコマンドが見つからない場合は、入力全体から意図を判定します。

入力に可観測性レポート、traceId、コンソールの read: コマンド、.mf/observability ファイルパスが含まれる場合、または Module Federation の読み込みデータを観測、デバッグ、トレース、調査、アップロードする方法を尋ねている場合、あるいは可観測性の略称として obs を使っている場合は、同じ入力に RUNTIME-xxx コードが含まれていても reference/observability.md を選択します。

入力内のシグナル参照ファイル
MF の概念、API、設定オプションに関する質問reference/docs.md
「integrate」、「add MF」、「setup」、「scaffold」、「new project」reference/integrate.md
「type error」、「TS error」、「@mf-types」、「dts」、「typescript」reference/type-check.md
「shared」、「singleton」、「duplicate」、「antd」、「transformImport」reference/shared-deps.md
「slow」、「HMR」、「performance」、「build speed」、「ts-go」reference/perf.md
「plugin」、「asyncStartup」、「exposes key」、「config」reference/config-check.md
「bridge」、「sub-app」、「export-app」、「createRemoteAppComponent」reference/bridge-check.md
「RUNTIME-001」、「RUNTIME-008」、「runtime error code」、「remote entry load failed」、「ScriptNetworkError」、「ScriptExecutionError」、「container missing」、「window[remoteEntryKey]」reference/runtime-error.md
「obs」、「mf obs」、「Observability report generated」、「console.error」、「traceId」、「read:」、「diagnosis」、「ownerHint」、「summary.phases」、「.mf/observability」、「build-report.json」、「latest.json」、「RUNTIME-007」、「moduleInfo」、「remote snapshot」、「global snapshot」、「snapshot match」、「observability」、「observe MF」、「debug MF loading」、「trace loading」、「loading report」、「open page and inspect MF」、「visit URL and observe MF」、「看下 MF 加载情况」、「telemetry」、「onReport」、「onEvent」、「production report」、「upload observability」reference/observability.md
「manifest」、「remoteEntry URL」、「module info」、「publicPath」reference/module-info.md
「context」、「what is configured」、「MF role」、「bundler」reference/context.md

それでも判断できない場合は、上記のサブコマンド表をユーザーに提示し、選択を求めます。

ステップ 2:参照ファイルを読み込み、実行する

一致したファイルを reference/ ディレクトリ(この SKILL.md と同じディレクトリ)から読み込みます。

そのファイルのすべての指示を実行し、残りの引数(サブコマンドのトークンより後のすべての内容、または意図を判定した場合は $ARGUMENTS 全体)を ARGS として渡します。

選択したワークフローで実際のブラウザページを開く、調査する、または操作する必要がある場合は、まず reference/divebell.md を読み、すべてのブラウザー操作に Divebell を使用します。Divebell と併用して、raw CDP、別途起動したデバッグ用 Chrome、Playwright、Puppeteer、または場当たり的なブラウザースクリプトを使用しないでください。

コメント