Vibe-Coding Workflow Webapp - AI Workflow For Generating PRD/MVP/Tech-Design, For Any IDE
byā¢
Vibe-Coding Workflow - The AI-powered automation tool for the Vibe-Coding methodology. Generate PRDs, Tech Designs, and Agent Configurations (Cursor/Windsurf/Cline) with multi-provider support.
Replies
Best
Maker
š
Hey Product Hunt! š
I'm excited to launch Vibe-Coding Workflow - an AI-powered tool I've built to solve the chaos of building apps with LLMs.
šÆ The Problem:
When building with Gemini, OpenAI, or Claude, I found myself context-switching between:
- Notion docs for PRDs
- Figma for architecture
- Text editors for prompts
- IDE for configurations
It was killing my productivity and I'd constantly lose my "vibe."
š” The Solution:
Vibe-Coding Workflow automates the entire pipeline:
1. Deep Research (with live Google Search grounding)
2. PRD Generation (auto-generated from research)
3. Technical Architecture & DB schemas
4. AI Agent Configuration (Cursor, Windsurf, Cline-ready)
5. One-click Export to your dev environment
š Key Features:
ā Multi-provider LLM support (Gemini 3 Pro, OpenAI, Claude, etc.)
ā 3 personas (Vibe-Coder, Developer, Learner)
ā Auto-generates .cursorrules, .windsurfrules, .clinerules
ā Real-time collaboration ready
ā Zero backend required (runs entirely in your browser)
Perfect for anyone building AI-powered apps - from MVPs to production.
Love to hear your feedback! Questions or feature requests? Let's chat! š
Replies