DD Vibe

Anyone can create apps with AI, but crafting effective solutions with great UX is the real challenge. DD Vibe, your personal Product Designer, makes designing apps fun and intuitive.

Comment

Inspiration

There is a gap between problem discovery and AI coding, that's the ideation phase where people give birth to their vision but have a hard time designing and building the path to it. After working in software factories, as a freelancer, and in a startup, I realized this is a common issue and now, with the power of AI, I can delegate the heavy lifting part to agents and focus on the ideation phase.

What it does

DD Vibe generates a flow from your initial idea that you can visualize, and DD, our AI Product Designer, presents it to us. You can provide feedback and pass files, and then DD will process all this information to update the flow.

How we built it

First, I started by creating the basic functionalities: file upload, artifact creation, and manually creating flows, actions, and comments. I always kept in mind that DD should have access to these tasks, so we could either do things ourselves or just give instructions to DD.

Challenges we ran into

Components grew too big, so I had to refactor some portions of the app a few times because the context grew too much. Then I created my own tools with Bolt to simplify the "glue together" part. That's how I created https://bolt-orchestrator.netlify.app/ to update my ignore file with ease, no matter which GitHub branch I was working on at the moment. Also, I didn't know React; I learned a lot in this experience as I had to jump in and debug some stuff myself or understand the issue to provide the missing piece of information to Bolt.

Accomplishments that we're proud of

Honestly, the fact that DD can jump from one step in a flow to the other and listen to my feedback, take notes, and follow my instructions is what makes me feel like DD Vibe is a great product. Yes, there are minor bugs around, but the core functionality of managing flows blew my mind after I made it work the first time.

What we learned

I think I spent too much time working on stuff that is not that relevant, like RAG flows and that kind of thing. If I had to do it again, I would focus only on the core feature that makes the product unique—in this case, the Flow generation/presentation and the AI workflow to augment the Flow and its steps/actions.

What's next for DD Vibe

This is the fun part! I want to keep working on DD Vibe, but now, I don't have to do it alone. DD will help me design the flows. First, I want to polish the flow augmentation part, and then possibilities are endless, from creating PRDs for AI coders to presenting ideas to my coworkers.

Accomplishments that we're proud of

Honestly, the fact that DD can jump from one step in a flow to the other and listen to my feedback, take notes, follow my instructions is what makes me feel like DD Vibe is a great product. Yes there are minor bugs around, but the core functionality of managing flows blew my mind after I made it work the first time.

What we learned

I think I spent too much time working on stuff that is not that relevant, like RAG flows and that kind of things, if I had to do it again i would focus only on the core feature that makes the product unique, in this case the Flow generation/presentation and the AI workflow to augment the Flow and its steps/action.

What's next for DD Vibe

This is the fun part, I want to keep working on DD Vibe, but now, I don't have to do it alone, DD will help me design the flows, first I want to polish the flow augmentation part and then possibilities are endless, from creating PRDs for ai coders to present ideas to my coworkers.

Built With

  • bolt.new
  • neon
  • react
  • supabase
Share this project:

Updates