Design a device UI with ChatGPT sprites and port it to LVGL with agents
A hardware builder made the screens and sprites for his Capy device in ChatGPT, exported a transparent sprite sheet so nothing had to be cut out by hand, and had Codex and Claude Code slice the art and port the UI to the LVGL embedded graphics library.
Source
@zathvarun on X · 2026-10-12
Written in our own words. Credit to the original author. Link checked 2026-10-22.
What they did
A hardware builder made the screens and sprites for his Capy device in ChatGPT, exported a transparent sprite sheet so nothing had to be cut out by hand, and had Codex and Claude Code slice the art and port the UI to the LVGL embedded graphics library.
Result (as claimed)
The Capy UI runs on the device; he shared the steps after people asked how it was made.
Tools they used
Cost: OpenAI Codex: free plan, paid from $8/mo; Claude Code: from $17/mo.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open ChatGPT and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Design a device UI with ChatGPT sprites and port it to LVGL with agents What the original author did: A hardware builder made the screens and sprites for his Capy device in ChatGPT, exported a transparent sprite sheet so nothing had to be cut out by hand, and had Codex and Claude Code slice the art and port the UI to the LVGL embedded graphics library. Reported result (as claimed by the author): The Capy UI runs on the device; he shared the steps after people asked how it was made. Source: https://x.com/zathvarun/status/2109604995909791757 Tools they used: ChatGPT, OpenAI Codex, Claude Code, LVGL Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Design a device UI with ChatGPT sprites and port it to LVGL with agents What the original author did: A hardware builder made the screens and sprites for his Capy device in ChatGPT, exported a transparent sprite sheet so nothing had to be cut out by hand, and had Codex and Claude Code slice the art and port the UI to the LVGL embedded graphics library. Reported result (as claimed by the author): The Capy UI runs on the device; he shared the steps after people asked how it was made. Source: https://x.com/zathvarun/status/2109604995909791757 Tools they used: ChatGPT, OpenAI Codex, Claude Code, LVGL Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Design a device UI with ChatGPT sprites and port it to LVGL with agents What the original author did: A hardware builder made the screens and sprites for his Capy device in ChatGPT, exported a transparent sprite sheet so nothing had to be cut out by hand, and had Codex and Claude Code slice the art and port the UI to the LVGL embedded graphics library. Reported result (as claimed by the author): The Capy UI runs on the device; he shared the steps after people asked how it was made. Source: https://x.com/zathvarun/status/2109604995909791757 Tools they used: ChatGPT, OpenAI Codex, Claude Code, LVGL Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to port code to another language with AI · How to run multiple coding agents together · How to vibe code an app with Claude Code · How to use Claude Code and Codex together
Related use cases
Design a circuit board from a chat with the HeyPCB MCP server
HeyPCB is an MCP server that lets a coding agent design circuits, route the PCB, run checks, export a real KiCad project and generate an enclosure. It plugs into Claude Code, Codex, Cursor, ChatGPT and other MCP clients, so you describe the board you want in chat.
Give your vibe-coded site a design checkup with a taste skill
Install TasteSkill v2 in Claude Code or Codex and have Opus use it to open your pages at desktop, tablet and phone widths and list every design problem it finds.
Install design constraints so agents stop shipping purple-gradient UI
Published polished-ui-skills, a one-command install of design constraints for Cursor, Claude Code, Copilot and Codex.
Give coding agents design inspiration from real websites
Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent.