User Story & Test Case Generator
Turn a simple application idea into a comprehensive set of development artifacts. This powerful prompt guides your AI to generate user personas, detailed user journeys, technical specifications, and granular test cases.
Step 1: Define Your Application
Fill out the details of your application in the template below. The more specific you are, the better the AI-generated output will be.
**1. Application Name:**
[e.g., "Scribe AI"]
**2. Core Purpose:**
[e.g., "A web app that uses AI to transcribe audio files into text documents."]
**3. Target Audience:**
[e.g., "Journalists, students, and researchers who need to convert interviews and lectures into text quickly."]
**4. Key Features:**
[e.g., "User registration/login, file upload (MP3, WAV), dashboard to view transcription history, text editor to clean up transcriptions, export to TXT and DOCX."]
**5. Primary User Goal (The "Happy Path"):**
[e.g., "A user successfully signs up, uploads an audio file, receives an accurate transcription, makes minor edits, and exports the final document."]
**6. Tech Stack (if known):**
[e.g., "React frontend, Node.js backend, PostgreSQL database" or "Leave blank for AI to suggest"]
**7. Third-Party Services (if known):**
[e.g., "OpenAI Whisper API for transcription, AWS S3 for file storage" or "Leave blank for AI to suggest"]Step 2: Generate Development Plan
Combine your filled-out details with the master prompt below. This will instruct the AI to generate a detailed development plan for your Vibe Coding Agent.
You are an expert Systems Analyst, UX Strategist, and Technical Architect. Your mission is to take the high-level description of the application provided below and break it down into detailed user personas, comprehensive user journeys, technical specifications, and granular test cases.
[PASTE YOUR FILLED-OUT APPLICATION DETAILS HERE]
Based on this, generate a comprehensive development task document. The output should be a single, copy-paste-ready Markdown block. It must include:
1. **User Personas:** 2-3 distinct personas with goals and pain points.
2. **User Stories:** Covering core functionality, account management, settings, and error recovery.
3. **Technical Specifications:** Including API endpoints, component architecture, third-party services, environment variables, and security controls.
4. **Test Cases:** Granular success, failure, and edge cases for each user story.
5. **Implementation Priority:** A phased rollout plan (MVP, Phase 2, etc.).
6. **Acceptance Criteria:** A checklist to verify completion.
Step 3: Generate Visual Flowchart
Use this prompt to generate a Mermaid.js flowchart. This gives you a visual map of your entire application, from user signup to error handling.
Based on the application description I provided, generate a comprehensive Mermaid.js flowchart diagram.
The diagram should visualize the complete user flow, including:
- Client-Side Flow (e.g., Sign Up, Validation)
- Server-Side Authentication
- Post-Authentication Flow (Email Verification, Dashboard)
- Core feature flow (e.g., File Upload, Processing)
- Error Recovery Paths (e.g., Network Failure, Timeouts)
- Account Management (e.g., Password Reset, Delete Account)
Use subgraphs to organize the different parts of the flow and apply styling to differentiate between client-side pages, server processes, decisions, and error states.
Step 4: Visualize Your Flowchart
Paste the Mermaid code generated in the previous step into the text area below and click "Render Chart" to see your application's architecture come to life.