Have Claude act out your app idea screen by screen before you build it
Koffdai vibe-coded kuron with Claude Code, a free open-source student project. You write an app idea and Claude doesn't write code: it plays the whole app, its screens, data and every button press, then gives you a spec and build plan.
Source
@Koffdai on X · 2026-10-23
Written in our own words. Credit to the original author. Link checked 2026-10-24.
What they did
Koffdai vibe-coded kuron with Claude Code, a free open-source student project. You write an app idea and Claude doesn't write code: it plays the whole app, its screens, data and every button press, then gives you a spec and build plan.
Result (as claimed)
Test an idea in minutes before writing code.
Tools they used
Cost: Pricing depends on the tools you pick; check each official pricing page.
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 Claude Code 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: Have Claude act out your app idea screen by screen before you build it What the original author did: Koffdai vibe-coded kuron with Claude Code, a free open-source student project. You write an app idea and Claude doesn't write code: it plays the whole app, its screens, data and every button press, then gives you a spec and build plan. Reported result (as claimed by the author): Test an idea in minutes before writing code. Source: https://x.com/Koffdai/status/2113600421436789120 Tools they used: Claude Code 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: Have Claude act out your app idea screen by screen before you build it What the original author did: Koffdai vibe-coded kuron with Claude Code, a free open-source student project. You write an app idea and Claude doesn't write code: it plays the whole app, its screens, data and every button press, then gives you a spec and build plan. Reported result (as claimed by the author): Test an idea in minutes before writing code. Source: https://x.com/Koffdai/status/2113600421436789120 Tools they used: Claude Code 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: Have Claude act out your app idea screen by screen before you build it What the original author did: Koffdai vibe-coded kuron with Claude Code, a free open-source student project. You write an app idea and Claude doesn't write code: it plays the whole app, its screens, data and every button press, then gives you a spec and build plan. Reported result (as claimed by the author): Test an idea in minutes before writing code. Source: https://x.com/Koffdai/status/2113600421436789120 Tools they used: Claude Code 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
Related use cases
Let Grok Bot drive Claude Code on its own computer to build a fun website
wikiwayne had Grok Bot run Claude Code on its own computer and asked for a cat website; it came back with a hero section, an "another fact" button, breed cards with filters and care tips.
Fix a vibe-coded app that Google cannot see
isbkch shares a prompt for Cursor, Claude Code or Lovable that fixes AI-built apps shipping as a blank root div, so crawlers get titles, previews and content.
Have CLAUDE.md import AGENTS.md so Claude and Codex share rules
Dainer_Jun's CLAUDE.md just imports AGENTS.md and routes the work, Codex reads AGENTS.md on its own, and work state lives in files too.
Rewrite copy on your vibe-coded site by highlighting it in a Chrome extension
nateliason built SlopEraser, a Chrome extension to highlight text on a vibe-coded site and rewrite it, saving every rewrite into one prompt for an agent to apply at once.