microfrontends
Vercel官方微前端工具库，助力拆分大型前端应用
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：microfrontends。 它的用途是：Vercel官方微前端工具库，助力拆分大型前端应用 完整的 Skill 内容见：https://321skill.com/skills/microfrontends/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我生成@vercel/microfrontends在Next.js项目中的初始化接入配置'，它会输出符合官方规范的配置代码和分步接入指引。
对AI说：'说明下本地开发时MFE_LOCAL_PROXY_ORIGIN变量的配置规则'，它会清晰解释参数作用和格式要求。
介绍
针对大型前端应用代码耦合度高、多团队协作迭代效率低、全量架构改造成本高昂的痛点，它提供了标准化的微前端拆分能力，打破单体应用的开发限制，避免全量重写带来的业务风险。 接入时可参考官方快速开始文档完成配置，无需绑定特定技术栈，支持Next.js、SvelteKit等主流前端框架；本地开发阶段可通过命令参数或环境变量设置代理源，保留客户端访问的原始域名。 适合拥有多前端协作团队的中大型企业项目组，需要对老旧前端系统做渐进式框架升级的技术团队，以及希望独立迭代子业务模块、缩短上线周期的前端开发团队。 使用前建议先通读Vercel微前端官方文档，配置本地代理时需严格遵守origin格式要求，不得携带路径、查询参数或身份认证信息，遇到问题可前往Vercel官方社区寻求支持。
核心特点
它是Vercel官方推出的原生适配其平台微前端部署能力的工具库，无需额外复杂适配即可对接Vercel微前端生态，原生支持多款主流前端框架。
注意事项
仅能配合Vercel平台的微前端能力使用，非Vercel部署场景下无法发挥其完整功能。
常见问题
@vercel/microfrontends支持哪些前端框架？
原生支持Next.js、SvelteKit、React Router、Vite、React，也可搭配自选微前端框架使用。
本地代理的origin配置有什么格式要求？
必须是无路径、参数、认证信息的http/https绝对源地址，例如https://myapp.localhost。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/microfrontends/raw/index.md 读取 microfrontends 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/microfrontends/raw/index.md（查看排版版本）