把「打包体积分析」交给智能体，难点不在模型能力，而在流程是否说清楚：输入是什么（打包报告），按什么顺序处理，交付什么（体积优化建议），哪些事不能做。Skill 就是把这些写下来的载体。

单个技能解决一个环节，把几个技能串起来，才能覆盖一整段工作。本文示范「打包体积分析」与三个相关技能的组合。

组合方案

顺序技能作用交给下一步的东西
1深色模式适配为现有界面增加深色模式样式适配方案与代码
2打包体积分析分析打包产物，找出过大依赖与重复打包体积优化建议
3接口调用层生成根据接口文档生成带类型的前端请求函数请求函数代码
4无障碍测试检查页面的无障碍问题并给出修复建议问题清单与修复建议

交接格式是关键

技能之间靠“上一步的输出就是下一步的输入”衔接。建议约定：

  • 每个技能的输出都带固定标题，便于下一个技能定位内容
  • 不确定项统一放在“需人工确认”小节，后续技能不得把它当作确定事实
  • 「打包体积分析」接收的是打包报告，如果上一步给的格式不同，先做一次转换

怎么编排

有三种常见方式：

  1. 人工串联：每一步结束后由人确认，再触发下一个技能，最稳妥
  2. 编排指令：写一个总技能，列出调用顺序与交接要求，由智能体依次执行
  3. 工作流平台：在 Dify、扣子、n8n 等平台中把每个技能做成节点，用条件分支处理异常

编排指令示例（示意）

# 组合流程：深色模式适配 → 打包体积分析 → 接口调用层生成 → 无障碍测试
1. 调用 dark-mode-adapter，保存输出为 step1
2. 以 step1 为输入调用 bundle-analyzer，保存为 step2
3. 以 step2 为输入调用 api-client-gen
4. 调用 accessibility-test 做收尾
- 任一步出现“需人工确认”时暂停，等待用户回复后再继续

注意事项

  • 链条越长，错误越容易被放大，关键节点要有人看
  • 风险较低，但输出仍需快速过目再使用
  • 每个技能单独测试通过后再组合

相关技能

准备一份好范例

在技能的参考资料里放一份你认可的体积优化建议范例，往往比多写十条规则更有效。好范例应当：

  • 来自真实工作，但已去除个人信息和敏感数据
  • 体现团队习惯的结构、措辞和详略程度
  • 包含一处“需人工确认”的标注示范，让智能体学会如何表达不确定
  • 篇幅适中，不要比平时的产出长太多

范例不必多，一到两份即可；太多范例反而会让智能体机械模仿某一份的细节。

每一步要产出什么

把每一步的中间产出写清楚，智能体就不容易跳步，人也方便定位问题：

  1. 读取分析报告：产出一段简短的中间结果，并注明依据来自打包报告的哪一部分
  2. 排序大模块：产出一段简短的中间结果，并注明依据来自打包报告的哪一部分
  3. 找出重复依赖：产出一段简短的中间结果，并注明依据来自打包报告的哪一部分
  4. 建议替换或按需加载：产出一段简短的中间结果，并注明依据来自打包报告的哪一部分

最后一步之后，再把这些中间结果汇总成体积优化建议。中间结果可以折叠或省略展示，但在技能指令中要求智能体“先完成再汇总”，能明显减少遗漏。

延伸阅读

说明：文中的配置、代码与目录结构均为示意，用于说明思路；各平台的入口、字段名与能力会更新，落地前请以对应官方文档为准。示例中的数据与场景为虚构，不代表真实案例。