From Idea to Production

I'm starting a new project and need help with discovery and planning. Here's what I'm building:

[DESCRIBE YOUR APP IDEA IN 2-3 SENTENCES]

Please help me create:

1. **Problem Statement**: A clear 1-sentence description of the core problem we're solving

2. **User Personas**: 2-3 detailed personas including:
   - Name and role
   - Pain points
   - Goals and motivations
   - How they'll use this product

3. **Success Metrics**: 3-5 measurable KPIs to track

4. **MVP Feature List**: Prioritized list of features categorized as:
   - Must Have (launch blockers)
   - Should Have (important but not critical)
   - Nice to Have (future iterations)

5. **1-Page Product Brief**: A concise summary document

Format the output so I can save it as my planning document.

I need help planning the technical architecture for my application.

**Project Overview:**
[PASTE YOUR 1-PAGE PRODUCT BRIEF OR DESCRIBE YOUR APP]

**Key Features:**
[LIST YOUR MUST-HAVE FEATURES]

Please help me create:

1. **Technology Stack Recommendations**: For each layer (framework, styling, database, auth, storage, payments, hosting), recommend the best option and explain why

2. **Database Schema Design**: 
   - List all entities/tables needed
   - Define relationships between them
   - Suggest key fields and data types
   - Include any indexes needed for performance

3. **API Endpoint List**: 
   - Group by feature area
   - Include HTTP method, path, and brief description
   - Note which require authentication

4. **Project Folder Structure**: 
   - Recommended file organization
   - Where different types of code should live

5. **Architecture Diagram**: 
   - Describe the components and how they connect
   - Note any external services

Keep recommendations focused on the Vercel/Next.js ecosystem.

I'm ready to start designing my application in v0.

**Project:** [YOUR APP NAME]
**Description:** [1-2 SENTENCE DESCRIPTION]
**Target Users:** [WHO WILL USE THIS]
**Mood/Vibe:** [e.g., "Professional and clean", "Fun and playful", "Dark and modern"]

Please help me:

1. **Create a Design System**:
   - Suggest a color palette (3-5 colors max) that fits my vibe
   - Recommend font pairings
   - Define spacing and sizing scales
   - Generate the globals.css theme tokens

2. **Design the Landing Page**:
   - Hero section with clear value proposition
   - Key features section
   - Social proof / testimonials area
   - CTA sections
   - Footer

Make it visually polished and production-ready. Use modern design patterns and ensure it's fully responsive.

I need to set up the foundation for my application with database and authentication.

**My App:** [APP NAME AND BRIEF DESCRIPTION]

**Database Schema I Need:**
[PASTE YOUR SCHEMA FROM PHASE 2, OR DESCRIBE YOUR MAIN ENTITIES]

Please help me:

1. **Set Up Database**:
   - Connect Supabase (or Neon) integration
   - Create the SQL migration script in /scripts/001-initial-schema.sql
   - Include proper indexes and constraints
   - Add Row Level Security (RLS) policies for Supabase

2. **Set Up Authentication**:
   - Implement Supabase Auth with email/password
   - Create login and signup pages
   - Add protected route middleware
   - Handle session management

3. **Create Base Layout**:
   - Navigation component with auth state
   - Protected layout wrapper
   - Loading and error states

4. **Error Handling**:
   - Global error boundary
   - Toast notifications for user feedback

Run the database migration after creating the script.

I'm ready to build a feature for my application.

**Feature Name:** [NAME OF THE FEATURE]
**Description:** [WHAT SHOULD THIS FEATURE DO]

**User Story:**
As a [USER TYPE], I want to [ACTION] so that [BENEFIT].

**Acceptance Criteria:**
- [CRITERION 1]
- [CRITERION 2]
- [CRITERION 3]

**Database Tables Involved:** [LIST TABLES OR "NONE"]

Please build this feature with:

1. **Database Changes** (if needed):
   - Migration script for any new tables/columns
   - Update RLS policies if using Supabase

2. **API/Server Actions**:
   - Server actions or API routes needed
   - Proper error handling
   - Input validation

3. **UI Components**:
   - Main feature component(s)
   - Form handling with validation
   - Loading states
   - Error states
   - Empty states

4. **Integration**:
   - Connect to existing navigation
   - Add to protected routes if needed

Follow best practices: server components where possible, split into reusable components, use TypeScript, mobile-first design.

I need to add integrations and test my application.

**Current App State:** [BRIEFLY DESCRIBE WHAT'S BUILT]

**Integrations I Need:**
- [ ] Stripe (payments)
- [ ] Email (Resend)
- [ ] AI features
- [ ] Analytics
- [ ] Other: [SPECIFY]

Please help me:

1. **Set Up Selected Integrations**:
   - Guide me through connecting each service
   - Create necessary API routes/webhooks
   - Add environment variables needed

2. **Create a Testing Checklist**:
   - List all user flows to test
   - Include edge cases
   - Note any specific test scenarios

3. **Performance Audit**:
   - Check image optimization
   - Review bundle size
   - Identify any performance issues
   - Suggest optimizations

4. **Fix Any Issues Found**:
   - Address problems identified during testing
   - Improve error handling where needed

I'm preparing to launch my application. Please help me get production-ready.

**App Name:** [YOUR APP NAME]
**Description:** [1-2 SENTENCES FOR SEO]
**Domain:** [YOUR DOMAIN OR "will set up later"]

Please help me:

1. **Production Environment Setup**:
   - Guide me through connecting my Vercel project
   - List all environment variables I need to set
   - Verify all integrations work in production mode

2. **SEO & Metadata**:
   - Update layout.tsx with proper metadata
   - Create OpenGraph image (or guide me to create one)
   - Add proper title and description
   - Set up robots.txt and sitemap if needed

3. **Final Pages**:
   - Create a styled 404 page
   - Add error boundary with nice UI
   - Create privacy policy page (template)
   - Create terms of service page (template)

4. **Pre-Launch Checklist**:
   - Run through all items
   - Fix any issues found
   - Confirm everything is production-ready

I'm ready to launch! Please help me with the launch process.

**App:** [APP NAME]
**URL:** [YOUR PRODUCTION URL]

Please help me:

1. **Final Pre-Launch Verification**:
   - Test all critical user flows one more time
   - Verify production environment is working
   - Check all integrations in production mode

2. **Soft Launch Preparation**:
   - Create a feedback collection form or method
   - Identify 5-10 beta users to invite
   - Prepare a brief onboarding message for them

3. **Launch Monitoring Setup**:
   - Ensure Vercel Analytics is working
   - Set up error monitoring alerts
   - Create a simple uptime check

4. **Launch Announcement Draft**:
   - Write a social media announcement
   - Create a brief product hunt / launch description
   - List communities where I should share

5. **Contingency Plan**:
   - Document rollback procedure
   - List common issues and fixes
   - Prepare support response templates

My app is live and I need help with post-launch operations.

**App:** [APP NAME]
**Launch Date:** [WHEN DID YOU LAUNCH]
**Current Issues/Feedback:** [ANY IMMEDIATE CONCERNS]

Please help me:

1. **Set Up Operational Rhythm**:
   - Create a daily monitoring checklist
   - Set up weekly review template
   - Monthly maintenance schedule

2. **Analytics Review**:
   - Help me understand my Vercel Analytics data
   - Identify key metrics to track
   - Set up custom events if needed

3. **Performance Optimization**:
   - Audit current performance
   - Identify bottlenecks
   - Implement caching where needed
   - Add database indexes for slow queries

4. **Feature Roadmap**:
   - Organize collected feedback
   - Prioritize next features
   - Create a simple roadmap

5. **Scaling Preparation**:
   - Review current architecture for scale
   - Identify potential bottlenecks
   - Plan for increased traffic