Agent Skills
返回列表
营销组件架构

营销组件架构

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_8d36cde0/guoyiyi-v099-vercel-composition-patterns

技能介绍

构建产物切分的实际痛点

在 Vercel 部署的项目中,营销类页面通常由大量复用组件拼装而成。如果缺乏明确的组合策略,构建产物会出现 chunk 粒度不合理、公共依赖重复打包、首屏加载串行化等问题。团队常常在"组件复用"与"产物拆分"之间反复权衡,却没有一套可落地的判断标准。

技能的工作机制

该技能围绕 vercel-composition-patterns 展开,核心能力包括:

  • 项目结构分析:扫描前端工程,识别营销组件树中可拆分的边界。
  • 组合模式归类:依据组件调用关系与变更频率,给出 chunk 组合建议。
  • 关键步骤拆解:从入口路由出发,梳理依赖链路,定位重复打包的公共模块。
  • 优化建议输出:针对识别出的问题,提供具体的拆分或合并指令。

适用边界与注意点

  • 该技能面向 Vercel 构建产物,不适用于其他部署平台或纯后端场景。
  • 分析结果依赖项目上下文的完整性;缺失的依赖声明可能导致误判。
  • 组合策略仅提供工程建议,最终优化效果仍需结合真实加载数据验证。

使用场景

  • 分析Vercel部署项目的前端工程结构,识别营销组件树中可拆分的边界
  • 基于组件调用关系与变更频率,对营销页面的chunk组合模式进行归类
  • 梳理营销页面的依赖链路,定位重复打包的公共模块
  • 为营销页面构建产物提供具体的chunk拆分或合并建议

适合人员

  • 负责Vercel部署项目构建优化的前端工程师,需要拆分营销页面构建产物以解决chunk粒度不合理问题
  • 维护营销组件库的开发者,需要明确组件的拆分边界与组合策略以避免重复打包
  • 处理首屏加载性能问题的工程师,需要定位公共模块并优化加载顺序
  • 规划前端工程结构的技术人员,需要为营销组件制定可落地的组合模式标准