К основному содержанию
скилл CX Codex

mf — скилл для Claude Code: всё о Module Federation

Скилл, который отвечает на вопросы про Module Federation: конфигурация, общие зависимости, ошибки типов и рантайма, медленные сборки.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add module-federation/agent-skills --skill mf -a claude-code
Открыть на GitHub

Что делает mf

Скилл mf разбирает запрос и выбирает один из справочных файлов в каталоге reference/. Подкоманды короткие: docs, context, module-info, integrate, type-check, shared-deps, perf, config-check, bridge-check, runtime-error, observability. Можно писать и обычной фразой — если в тексте есть traceId, путь .mf/observability или код вида RUNTIME-007, скилл уйдёт в observability даже при наличии другого кода ошибки.

Дальше он читает выбранный файл и выполняет его инструкции, передавая остаток аргументов как ARGS. Для работы с реальной страницей браузера скилл требует Divebell: сырой CDP, отдельно запущенный Chrome в режиме отладки, Playwright и Puppeteer рядом с ним не используются. Это стоит учесть, если у вас уже выстроен пайплайн на Playwright — придётся держать браузерные проверки MF отдельно.

Если подкоманда не распознана и сигналов в тексте нет, скилл показывает таблицу подкоманд и просит выбрать. Инструменты ограничены списком: чтение файлов, node, npx tsc, npx mf dts, curl, divebell, запись и правка файлов.

Какие задачи решает

  • разобраться в конфигурации Module Federation в существующем проекте
  • подключить MF к новому или уже начатому приложению
  • найти причину ошибки типов в @mf-types и dts
  • понять, почему сборка и HMR замедлились
  • расшифровать код ошибки рантайма вроде RUNTIME-001

Примеры запросов агенту

  • Покажи, что сейчас настроено в MF: роль, бандлер, контекст проекта
  • Добавь Module Federation в этот проект и подскажи, что менять в конфиге
  • Собери отчёт observability по загрузке ремоутов и разбери traceId

Как установить mf

1Через Skills CLI (Vercel)

npx skills add module-federation/agent-skills --skill mf -a claude-code

2Вручную: положить файлы

~/.claude/skills/mf/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/mf/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о mf

Как установить mf в Claude Code?

Выполните npx skills add module-federation/agent-skills --skill mf -a claude-code. Файл скилла окажется по пути ~/.claude/skills/mf/SKILL.md.

Что делает скилл mf?

Он отвечает на вопросы про Module Federation: концепции и API, конфигурация, общие зависимости и синглтоны, ошибки типов и рантайма, observability, скорость сборки, интеграция Bridge и добавление MF в проект.

Как скилл выбирает нужный справочник?

По подкоманде или по сигналам в тексте запроса. Если ничего не совпало, он показывает таблицу подкоманд и просит выбрать вручную.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой