<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ka Rei On</title>
    <description>The latest articles on DEV Community by Ka Rei On (@ka_rei_on).</description>
    <link>https://dev.to/ka_rei_on</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3823263%2Fa3727355-bbb2-4389-a6bf-6694f13f1b02.png</url>
      <title>DEV Community: Ka Rei On</title>
      <link>https://dev.to/ka_rei_on</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ka_rei_on"/>
    <language>en</language>
    <item>
      <title>Building With AI: Why Structuring an App Idea Takes 20+ Prompts</title>
      <dc:creator>Ka Rei On</dc:creator>
      <pubDate>Sat, 14 Mar 2026 02:42:19 +0000</pubDate>
      <link>https://dev.to/ka_rei_on/building-with-ai-why-structuring-an-app-idea-takes-20-prompts-53n9</link>
      <guid>https://dev.to/ka_rei_on/building-with-ai-why-structuring-an-app-idea-takes-20-prompts-53n9</guid>
      <description>&lt;p&gt;Over the past few months I’ve been experimenting with AI app builders.&lt;/p&gt;

&lt;p&gt;They’re impressive — you can generate working code, screens, and even deployable apps from prompts. But while testing different builders, I kept running into the same frustrating pattern.&lt;/p&gt;

&lt;p&gt;The hardest part wasn’t building the app.&lt;/p&gt;

&lt;p&gt;It was structuring the idea.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Prompt Problem
&lt;/h2&gt;

&lt;p&gt;Before an AI builder can generate something useful, the idea usually needs to be broken down into clear pieces like:&lt;/p&gt;

&lt;p&gt;• features&lt;br&gt;
• screen flow&lt;br&gt;
• database tables&lt;br&gt;
• API endpoints&lt;br&gt;
• tech stack&lt;/p&gt;

&lt;p&gt;Without that structure, the outputs tend to become messy or inconsistent.&lt;/p&gt;

&lt;p&gt;So the workflow often looks like this:&lt;/p&gt;

&lt;p&gt;Prompt 1&lt;br&gt;
“Build an AI dog training app”&lt;/p&gt;

&lt;p&gt;Prompt 2&lt;br&gt;
“Add login and user accounts”&lt;/p&gt;

&lt;p&gt;Prompt 3&lt;br&gt;
“Create a database schema”&lt;/p&gt;

&lt;p&gt;Prompt 4&lt;br&gt;
“Add reminders and notifications”&lt;/p&gt;

&lt;p&gt;Prompt 5&lt;br&gt;
“Create a dashboard”&lt;/p&gt;

&lt;p&gt;Prompt 6&lt;br&gt;
“Add dog profiles”&lt;/p&gt;

&lt;p&gt;And before long you're &lt;strong&gt;10–20 prompts deep&lt;/strong&gt; just trying to get the structure right.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Experiment
&lt;/h2&gt;

&lt;p&gt;To explore this problem, we built a small experiment called &lt;strong&gt;Vibe Coding Coach&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The idea is simple:&lt;/p&gt;

&lt;p&gt;You type one idea prompt, such as:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“AI dog training assistant”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The system generates a structured blueprint including:&lt;/p&gt;

&lt;p&gt;• core features&lt;br&gt;
• screen flow&lt;br&gt;
• database schema&lt;br&gt;
• API endpoints&lt;br&gt;
• tech stack suggestions&lt;/p&gt;

&lt;p&gt;The goal isn’t to replace AI builders.&lt;/p&gt;

&lt;p&gt;It’s to give them a &lt;strong&gt;clean starting structure&lt;/strong&gt; so builders spend less time shaping prompts and more time actually building.&lt;/p&gt;

&lt;h2&gt;
  
  
  Example Output Structure
&lt;/h2&gt;

&lt;p&gt;For the prompt:&lt;/p&gt;

&lt;p&gt;“AI dog training assistant”&lt;/p&gt;

&lt;p&gt;The blueprint might include:&lt;/p&gt;

&lt;p&gt;Features&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;personalized training plans&lt;/li&gt;
&lt;li&gt;behavior tracking&lt;/li&gt;
&lt;li&gt;progress dashboard&lt;/li&gt;
&lt;li&gt;reminder notifications&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Database tables&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;users&lt;/li&gt;
&lt;li&gt;dogs&lt;/li&gt;
&lt;li&gt;training_sessions&lt;/li&gt;
&lt;li&gt;progress_logs&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Screens&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;onboarding&lt;/li&gt;
&lt;li&gt;dashboard&lt;/li&gt;
&lt;li&gt;dog profile&lt;/li&gt;
&lt;li&gt;training plan generator&lt;/li&gt;
&lt;li&gt;progress tracker&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;API endpoints&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;user authentication&lt;/li&gt;
&lt;li&gt;dog profile management&lt;/li&gt;
&lt;li&gt;training session logging&lt;/li&gt;
&lt;li&gt;progress analytics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Once you have that structure, it's much easier to plug the blueprint into an AI builder or development workflow.&lt;/p&gt;

&lt;h2&gt;
  
  
  Early Beta
&lt;/h2&gt;

&lt;p&gt;Right now we’re running the tool as a small beta while we gather feedback and see how people use the outputs.&lt;/p&gt;

&lt;p&gt;The goal is to learn:&lt;/p&gt;

&lt;p&gt;• what parts of the blueprint are useful&lt;br&gt;
• what parts developers ignore&lt;br&gt;
• what structure works best for AI builders&lt;/p&gt;

&lt;p&gt;If you're experimenting with AI builders and want to see the experiment, you can check it out here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://vibecoachcoding.com" rel="noopener noreferrer"&gt;https://vibecoachcoding.com&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Curious About Other Workflows
&lt;/h2&gt;

&lt;p&gt;One thing I’m especially curious about:&lt;/p&gt;

&lt;p&gt;How are other developers structuring ideas before generating apps with AI?&lt;/p&gt;

&lt;p&gt;Are you using:&lt;/p&gt;

&lt;p&gt;• prompt templates&lt;br&gt;
• documentation-first workflows&lt;br&gt;
• architecture planning tools&lt;br&gt;
• something else entirely?&lt;/p&gt;

&lt;p&gt;Would love to hear how others are approaching this.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>saas</category>
      <category>programming</category>
      <category>buildinpublic</category>
    </item>
  </channel>
</rss>
