Documentation
Complete guide to using PromptLab for your development projects
Contents
Getting Started
Quick Start Guide
- 1Configure Your Project
Fill out the project configuration form with your application details, tech stack preferences, and requirements.
- 2Generate AI Prompts
PromptLab creates 5 detailed prompts using Google Gemini, covering database, backend, frontend, integration, and security phases.
- 3Use with AI Assistants
Copy prompts and paste them into Claude, Cursor, or your preferred AI coding assistant.
💡 Pro Tip
Be as detailed as possible in your project description. The more context you provide, the more specific and useful your generated prompts will be.
Project Configuration
Configuration Options
Project Name & Description
Provide a clear project name and detailed description of what your application should do.
Name: "TaskFlow Pro"
Description: "A collaborative task management platform where teams can create projects, assign tasks, track progress, set deadlines, and generate productivity reports..."
Project Types
Technology Stack
Generated Prompt Types
5-Step Development Workflow
1. Database Schema Design
Creates comprehensive database schemas with proper relationships, indexes, and constraints.
2. Backend API Development
Builds robust API endpoints with authentication, validation, and error handling.
3. Frontend UI Implementation
Creates responsive, accessible user interfaces with modern design patterns.
4. System Integration
Connects frontend and backend systems with seamless data flow and error handling.
5. Security Review
Comprehensive security audit covering vulnerabilities and best practices.
Using with AI Assistants
Compatible AI Tools
Claude AI
- • Excellent for complex architectural decisions
- • Great at understanding context and requirements
- • Strong in security and best practices
- • Copy prompts directly to Claude interface
Cursor IDE
- • Perfect for code generation and editing
- • Understands project context
- • Excellent for debugging and refactoring
- • Paste prompts in Cursor chat
GitHub Copilot
- • Great for code completion
- • Works inline with your editor
- • Use prompts as comments for guidance
- • Excellent for boilerplate generation
ChatGPT / GPT-4
- • Versatile for all development phases
- • Good at explaining complex concepts
- • Helpful for architecture planning
- • Copy prompts to ChatGPT interface
Best Practices
- Use prompts in the suggested order (Database → Backend → Frontend → Integration → Security)
- Customize prompts with your specific requirements before using
- Review and test AI-generated code thoroughly
- Use the security prompt even for simple applications
Database Setup
Supabase Configuration
1. Create Supabase Project
- 1. Go to supabase.com
- 2. Create a new project
- 3. Wait for the project to be ready
- 4. Copy your project URL and anon key
2. Configure Environment Variables
3. Run Database Schema
- 1. Open Supabase dashboard
- 2. Go to SQL Editor
- 3. Copy and paste the content from `database-schema.sql`
- 4. Click "Run" to create tables
⚠️ Important Notes
- • Keep your database credentials secure
- • The anon key is safe to use in frontend applications
- • Row Level Security (RLS) policies are included in the schema
- • Regularly backup your data
Troubleshooting
Common Issues
Database Connection Errors
- • Check your environment variables in `.env.local`
- • Ensure Supabase project is active
- • Verify URL and key are correct
- • Run the database schema if not already done
Prompt Generation Fails
- • Ensure project name and description are filled
- • Check browser console for JavaScript errors
- • Try refreshing the page
- • Clear browser cache and try again
Styling Issues
- • Check if Tailwind CSS is loading properly
- • Ensure you're using a modern browser
- • Try disabling browser extensions
- • Check console for CSS loading errors
💬 Need More Help?
If you're still experiencing issues, you can:
- • Check the GitHub repository for known issues
- • Create a new issue with detailed error information
- • Include browser console logs and screenshots