Convert React MUI components to Tailwind with Devin
Lumos used Devin for routine tasks like MUI-to-Tailwind conversion, which went well, and its unit-test feedback loop reduced rewrites.
Done withDevin
- What they did
- Lumos engineers gave Devin a short prompt to convert React MUI components to Tailwind using their own styles, and it opened a PR. Before that, they let it run unit tests and filled its Knowledge feature with codebase-specific guidance. Engineers then reviewed the PR.
- How it went
- The conversion went quite well, but the PR wasn't ready to merge as-is. They think linting and pre-commit hooks might have fixed that. Overall, Devin pushed 44 PRs in 48 days, and 19 were merged.
- Worth knowing
- Typical Devin PRs cost $5 to $40, averaging about $20. Each command is capped at 10 ACUs (about $20), and a simple deletion PR cost about $5.
Try it yourself with Devin
In [repo name], convert the React components in [folder path] from [current styling library, e.g. MUI] to [target, e.g. Tailwind], keeping the look and behavior the same. Run the existing unit tests after each component and fix failures before moving on. Open a PR when all tests pass, with a short list of components converted and anything you couldn't convert.
Want help getting this working? Join the Vibe Coding Academy ↗ Run by Alex Finn, who also runs this site.
Source: lumos.com · Undated
Related use cases
Hand narrow code changes to Devin for pull requests
A team used Devin for a month on small fixes like chart formatting and API edge cases, with tests and PRs; a complex full-stack task went poorly.
Try Devin on research tasks (mostly failed)
Answer.AI had Devin fetch an author's recent papers and research transcript summarization; it got stuck parsing HTML and returned generic results, rated a failure.
Build a chess game against a language model
An early tester asked Devin to build a chess game against a language model; it made good progress but eventually hung.
Build a C compiler with a team of parallel agents
Anthropic's engineering write-up on tasking Opus 4.6 agent teams with building a C compiler.
Build a searchable map of funded companies
A software engineer had Replit Agent build a searchable map of Wefunder brick-and-mortar companies in about 3 hours for about $22.
Automate web configuration from coding sessions
Commenters use Claude in Chrome to carry out web configuration requests that arise from coding sessions and other browser operations.
Get 5 like this every morning
The best things people got an AI agent to do, each with the prompt to try it.