天度 AI 实战库浏览全部案例 ↗

由 Devin 将 React MUI 组件转换为 Tailwind 格式

Lumos 使用 Devin 处理诸如 MUI 到 Tailwind 的转换这类常规任务,进展顺利;其单元测试反馈机制也减少了重新编写代码的情况。

使用工具Devin
具体怎么做
Lumos 工程师向 Devin 提供了一个简短的提示词,要求将 React MUI 组件通过他们自己的样式转换为 Tailwind 风格,随后该 PR 被提交。在此之前,他们先让代码运行单元测试,并补充了与代码库相关的指导内容到 Knowledge 功能中。之后,工程师们审核了该 PR。
做到了什么
转换过程进行得相当顺利,但PR文件尚未准备好直接合并。他们认为清理代码中的错误及使用pre-commit钩子可能解决了问题。总体而言,Devin在48天内提交了44个PR,其中19个已成功合并。
上手要点
典型的 Devin PR 费用在 5 美元到 40 美元之间,平均约为 20 美元。每个命令的上限为 10 ACUs(约 20 美元),而简单的删除操作 PR 费用约为 5 美元。

你可以这样试

使用 Devin

在 [repo name] 中,将 [folder path] 中的 [current styling library, 例如 MUI] 风格的 React 组件转换为 [target, 例如 Tailwind],同时保持原有的外观与功能。每个组件完成后运行现有单元测试,修复所有错误后再进行下一步。当所有测试通过后,提交一个 PR,并附上已转换组件的简短列表以及无法转换的组件说明。