成为赞助商——支持中文 Agent 生态

了解赞助
库Agent场景库
← 返回用例列表

Pedro:用数十个 Claude Code 代理迁设计系统——技能、worktree 与子代理验收

小团队多租户 SaaS;披露 Fomantic→Vuexy Bootstrap 5、数周执行、skills+worktree+子代理视觉对照、登录捷径省重试;不代你无人值守合入或免人审。

场景说明

面向要把整站 UI 设计系统从旧组件库迁走、人手不够并行的小团队:把「禁止找替换类名」、worktree 隔离与子代理多维验收写成门禁,区别于后端单体重写与主机迁移。

案例叙事

01他们做了什么

Pedro Mansan 在个人站《Orchestrating dozens of Claude Code agents to migrate a design system》(页内 post-meta「Apr 29, 2026」→ 2026-04-29)写明:他在与两三位同事共建的多租户 SaaS 上,负责把管理端等从 Fomantic UI(Semantic 分支,自约 2019,拖着 jQuery)迁到 Vuexy Bootstrap 5,并继续用 Django 模板渲染。架构师 Diego 否决了 Vue 3+Vuetify 全 SPA,于 2026-03 搭好 Vuexy 脚手架;Pedro 负责大量列表/CRUD/看板,且同一模板通过 `MEMBERS_MODE` 服务管理端与学员端。

放代理前先建三件套:自定义 skills(`create-vuexy-page` 明文「从不适配/复用 Fomantic 组件」——禁止类名替换;`mindzclub-design`;组件目录;`vuexy-to-figma` 视觉报告)、专职子代理(设计审查/功能检查/标记完整性/对照 Figma)、以及 `git worktree` 隔离并行以免抢文件。主代理按页端到端,子代理多维验收;人坐在队列上审、缝合、解冲突。杠杆还包括先重写 datatable 基座,让数十列表页只换 include;以及 DEBUG+localhost 的 `/ead/mcp-login/` 一键登录,避免 Chrome DevTools MCP 把预算耗在登录表。

反思:调度协议在脑子里、无队列/重试策略;squash 导致提交说明与 240 文件 diff 错位;几乎只有他一人当质量门——作者不推荐当作默认。适用边界:组件契约清晰、可自动核验的设计系统迁;不适用于需求模糊的绿地功能、塞不进提示词的产品语境、以及税务/鉴权等弱自动核验逻辑。本场景据此输出「设计系统多代理迁」提纲。禁止建议跳过人审合入,或把「数周」写成任意 UI 仓保证。

02实际效果

  • 源披露数周执行、skills+worktree+子代理、登录捷径、datatable 基座杠杆、以及调度/提交/单人质量门反思等作者口径;属小团队多租户窗口,不可外推为你的人周、视觉零回归或「代理可无人值守合主枝」。
  • 能把「多开几个会话」与「禁止类名替换 + 隔离 worktree + 多维子代理验收」拆开。
  • 为类名替换翻车、以及 squash 提交不可读提供提问清单。

03值得知道

  • 作者自承调度非正式、一人质量门;团队流程不同则不可照搬。
  • 架构选型(保留 Django 模板)仍由人完成;代理加速的是机械铺开。
  • 上面写的是 Pedro 个人/小团队实践帖,不是 Vuexy/Anthropic 官文。

04可复制提示词

设计系统多代理迁移门禁简报

你是前端设计系统迁移顾问。只根据用户约束写编排与验收门,不要编造已视觉对齐。

源/目标组件库:{{libs}}
是否禁止类名替换:{{no_find_replace}}
是否有 Figma/截图基线:{{baseline}}

输出 Markdown:
1. skills 最小集合(含「禁止复用旧组件」句)
2. worktree 并行与冲突边界
3. 子代理验收维度清单
4. 人必须保留的合入决策
禁止建议无人值守合主枝;禁止伪造「代理数等于零缺陷」。

类名替换式迁移翻车复盘提纲

代理把旧 UI 类名批量换成新名后交互/栅格全坏。请写复盘提纲。

现象:{{symptom}}

输出:
1. 缺「重建页」技能约束、缺组件契约文档,还是缺视觉子代理
2. 最小回滚与基座杠杆(如 datatable)
3. 下次验收标准
4. 人工确认清单
不要伪造「换类名等于完成设计系统迁移」。

怎么做

  1. 粘贴源/目标组件库、是否禁止「类名替换式迁移」,以及是否要求 Figma/截图对照
  2. Agent 按实践帖输出:skills 目录、worktree 并行边界、以及设计/功能/标记/视觉子代理清单
  3. 人工保留合入与产品裁决;Agent 不代你声称可无人值守合主枝或替代架构选型

实用提示

  • 源帖:页内日期 Apr 29, 2026 → 2026-04-29;Fomantic UI(自约 2019)→ Vuexy Bootstrap 5(非 Vue SPA),Django 模板;架构师 Diego 2026-03 搭脚手架;作者估手写单页 2–4 小时、独力要数月;skills:create-vuexy-page(明确从不复用 Fomantic)、mindzclub-design、vuexy-components、vuexy-to-figma;子代理:设计/功能/标记/视觉;DEBUG 本地 /ead/mcp-login/ 跳过登录表;先重写 datatable 基座拉动数十列表页;自承调度在脑子里、squash 提交信息差、一人质量门
  • 与 khal-tessellai-serverless-to-monolith-claude / flowingcode-vaadin10-to-25-claude-afternoon 不同:本条是 UI 设计系统多代理并行迁,不是后端单体重写或 Vaadin 大版本下午迁
#设计系统#worktree#子代理#Django#视觉验收