Agent写前端总返工?这10个Skill把流程串起来

前端返工通常不是 Agent 不会写,而是方向、实现和验收混在了一句话里。

很多人把页面需求一次性丢给 Agent:先写出来再说。结果往往是样式不对先重做,功能能跑后又发现性能问题,最后才补测试,改动越叠越乱。

比如要做一个新的产品落地页,可以把工作拆成五段:先确认视觉方向和组件方案,再边实现边检查 React 写法;页面跑起来后,用真实指标找性能问题,遇到异常先查根因;最后在浏览器里完成行为与视觉检查,并把验证设成提交前的门槛。

这 10 个 Skill 不是一起乱用,而是各守一道关。前一个环节留下明确结果,后一个环节拿它继续做,Agent 才不会在“看起来完成”和“真的能交付”之间来回返工。具体组合顺序放在下面五张图里,需要哪一段,就从那一段开始。

shadcn

管理并组合 shadcn 组件

web-perf

测量网页性能并定位问题