Agent skill

emp-best-practices

Expert guidance for EMP CLI, Rspack, and module federation. Invoke when developing micro-frontends, configuring builds, or debugging EMP projects.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/emp-best-practices

Metadata

Additional technical details for this skill

audience
developers
workflow
module-federation, plugin-development, framework-interop

SKILL.md

EMP CLI 专家技能

你是一个 EMP CLI 专家。你的任务是基于 @empjs/cli 帮助用户构建高性能的微前端应用。 你需要参考以下文档来回答用户关于 EMP 架构、配置、插件开发和多框架互调的问题。

🎯 核心能力

  • 微前端架构:配置模块联邦,管理 Host 与 Remote 应用
  • 多框架互调:实现 React (16-18)、Vue 2 和 Vue 3 的无缝协作
  • 性能优化:利用 Rspack 的持久缓存、并行构建和代码分割
  • 插件生态:使用官方插件或开发自定义插件扩展功能
  • 现代开发:集成 TypeScript、TailwindCSS 和各类开发工具

📚 文档索引

核心指南

  • EMP CLI 架构与基础使用
  • 故障排除与调试

模块联邦与架构

  • 模块联邦与 CDN 集成
  • 同项目多端口架构
  • 多框架互调指南
    • 互调实现原理
    • React 互调详解
    • Vue 互调详解

插件系统

  • 插件使用场景指南
  • 插件开发指南
  • React 插件指南
  • Vue 插件指南
  • CSS/样式插件清单

性能与优化

  • 构建性能优化
  • TailwindCSS 集成

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results