Skill 广场
Vercel 微前端拆分 Skill

Vercel 微前端拆分.Skill

@openai/microfrontends

4.4推荐AI 评分基础检查通过源自 GitHub

网站变大以后,前端常常多个团队一起改,互相踩脚、上线互相等。这个能力用 Vercel 的微前端方案,把大应用按路径拆成多个独立项目,各自发布、各自回滚,但对外还是一个完整网站。它还负责本地开发代理、静态资源前缀、跨项目导航和回退环境这些配套配置。

编程前端架构师、多团队协作的 Web 前端负责人、用 Vercel 部署 Next.js/SvelteKit 应用的工程师2026-09-18 更新main

Vercel 微前端拆分

网站变大以后,前端常常多个团队一起改,互相踩脚、上线互相等。这个能力用 Vercel 的微前端方案,把大应用按路径拆成多个独立项目,各自发布、各自回滚,但对外还是一个完整网站。它还负责本地开发代理、静态资源前缀、跨项目导航和回退环境这些配套配置。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

我们有三个团队分别维护首页、商城和后台,想拆成微前端但用一个域名,microfrontends.json 该怎么配?

本地开发时三个微前端项目端口不一样,跨项目跳转老是 404,怎么用 vercel microfrontends proxy 调通?

子应用的图片和 JS 跟主应用文件名撞了,assets 前缀应该怎么设置?

适用人群

适合谁?

前端架构师、多团队协作的 Web 前端负责人、用 Vercel 部署 Next.js/SvelteKit 应用的工程师

上手门槛

使用难度

专业

适合熟悉相关工具和专业流程的用户。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

降低理解难度