Inspiration
I love the idea of (pun intended) taking an idea and turning it into real, actionable content. But two of the major problems I’ve had are:
- AI will attempt any idea you throw at it. You only discover if your concept is fundamentally flawed or needs human guidance after generating tons of broken code.
- Since AI is non deterministic, the same prompt can deliver different results. Sometimes wildly different. On Twitter I often see people share their exact prompt for concepts and ideas that look beautiful. I drop that same prompt into a tool, and it looks nothing like what I saw - prompt copying can be ineffective depending on the scope.
What I’ve learned from using AI tools for web development is that context is everything. The more fleshed out your idea & prompts, the better.
What it does
Will It Vibe? addresses both problems:
- Idea validation - We use detailed system prompts and an AI agent to confidently assess whether a user’s idea can be vibe coded.
- Context generation - The app provides thorough documentation for direct use with vibe coding tools, bridging the gap between ideas and AI execution.
How we built it
Tech stack:
- React frontend with component libraries
- Supabase for backend, database, edge functions, and auth
- Claude API for AI interactions
Development process: We started in Bolt to build the majority of the UI (fun fact, the first ~668 commits of the project were all done in Bolt). Once the front end was in a good spot (80% there), we moved to Cursor building architecture. This included integrating our back end, database, and Claude’s API.
After building the architecture, we brought things back to Bolt with Github for some final UI polish and deployment through Netlify.
Challenges we ran into
- Claude API integration - First time working with tool calls and ensuring our system prompt phases passed through correctly.
- The Full Stack - Building UI before backend integration required some UI rework after everything was ‘hooked up’
- AI-assisted development - We found that as project complexity grew, we had to do much more nuanced prompting and guardrailing to ensure that the code remained stable, while still moving fast. Especially after integrating the full stack with the front end.
Accomplishments that we're proud of
Quite a few!
- Getting Claude fully integrated and having an agent that delivers quality results was a first time thing for us, but taught us a lot about building AI experiences.
- Having a super polished UI with micro animations, transitions, and even a bit of magical feeling moments in the user experience
- Adding the live editing feature. That was one of the features we thought was a UVP of the product. Claude, ChatGPT, etc. can all generate documentation, but bringing in the ability to edit those documents in the interface and iterate on them alongside AI is similar to the value you get from tools like Bolt or Cursor. Sometimes you just need to make a precise change or edit by hand, not by prompt. That’s what the live editor allows, which goes above and beyond other AI chat tools.
What we learned
When we abandon some of the dogma we had about developing software and instead take a “just build it” approach, we can achieve a lot really quickly. We'd never built and shipped an entire product in 1 month before.
What's next for Will It Vibe?
We think Will It Vibe has the potential to have impact like same.dev, manus, etc. - where it is wrapping a frontier model but putting it in a beautiful and comprehensive package that provides value to users. With time and budget, we believe we can bring...
- Enhanced documentation editing capabilities
- MCP for enabling this documentation to be shared or used in other products (take product requirements -> turn them into a Linear issue, etc.)
- Better idea management system
- Monetization and subscription plans
- Model switching options, including free/low-cost models for new users
- Mobile optimization for on the go idea development
We are hoping Will It Vibe can be used by anyone interested in building software. We think the best path is to give vibe coding tools a plan, an idea. And Will It Vibe? helps users have a plan that they can take to places like Bolt.
Built With
- claude
- react
- supabase
- vite
Log in or sign up for Devpost to join the conversation.