用 Devin 将 React MUI 组件转换为 Tailwind

Lumos 用 Devin 处理 MUI 转 Tailwind 这类例行任务，效果不错，其单元测试反馈闭环减少了返工。

收录日期 2026-10-14

工具

Lumos 的工程师给 Devin 一段简短的提示词，让它按照自己的样式把 React MUI 组件转换为 Tailwind，随后它开了一个 PR。在此之前，他们先让它跑单元测试，并把针对代码库的具体指导写进它的 Knowledge 功能里。之后工程师再审查这个 PR。

转换进行得相当顺利，但这个 PR 还不能直接合并。他们认为 linting 和 pre-commit hooks 或许能解决这个问题。总体来说，Devin 在 48 天内提交了 44 个 PR，其中 19 个被合并。

Devin 的 PR 通常花费 $5 到 $40，平均约 $20。每条命令上限为 10 ACU（约 $20），而一个简单的删除类 PR 花费约 $5。

使用工具：Devin

使用前，将方括号中的占位内容替换成你的实际信息。

在［仓库名］中，把［文件夹路径］里的 React 组件从［当前样式库，例如 MUI］转换为［目标方案，例如 Tailwind］，保持外观和行为不变。每转换完一个组件就运行现有的单元测试，并在继续下一个之前修复失败项。所有测试通过后开一个 PR，附上已转换组件的简短清单，以及你无法转换的部分。