10 Free PRD Templates for AI Coding Tools

Each template below is structured to work directly as a prompt for AI coding tools like Lovable, Bolt.new, Cursor, or v0. To use them: 1. Copy the template that matches your project type. 2. Replace the placeholder content in [brackets] with your specific details. 3. Paste the completed template into your AI coding tool of choice. 4. Iterate on the output using the chat interface. These templates follow the PRD structure optimized for AI tools, with clear features, acceptance criteria, and UI descriptions. Customize them as needed for your specific use case.

PROJECT: [Your App Name] - SaaS Dashboard OVERVIEW: Build a SaaS dashboard application that allows [target users] to [core value proposition]. The app should have user authentication, a main dashboard with key metrics, and CRUD functionality for [primary resource]. USER ROLES: - Admin: Full access to all features and user management - Member: Can view dashboards and manage their own [resources] CORE FEATURES: 1. Authentication: Email/password signup and login with session management 2. Dashboard: Overview page with 4 metric cards and a recent activity feed 3. [Resource] Management: Create, read, update, delete [resources] with list and detail views 4. Settings: User profile editing and notification preferences UI: Clean, minimal design with a fixed sidebar navigation (dark), top header with user menu, and a light content area. Use a card-based layout for the dashboard metrics. TECH: React frontend, Supabase backend with authentication and database.

PROJECT: [Your App Name] - Marketplace OVERVIEW: Build a two-sided marketplace where [sellers] can list [products/services] and [buyers] can browse, search, and [purchase/book] them. USER ROLES: - Seller: Can create listings, manage orders, view analytics - Buyer: Can browse, search, filter, and purchase/book - Admin: Moderate listings and manage users CORE FEATURES: 1. Seller listings: Create listings with title, description, images, price, category 2. Browse and search: Grid view of listings with search bar, category filters, price range filter 3. Listing detail: Full listing page with images, description, seller info, and action button 4. User profiles: Seller profiles with their listings and ratings 5. Authentication: Signup with role selection (buyer or seller) UI: Clean grid layout for browse page. Large hero image on listing detail. Responsive card design. Top navigation with search bar centered. TECH: React frontend with Supabase for backend, storage for images.

PROJECT: [Your Tool Name] - Internal Tool OVERVIEW: Build an internal tool for [team/department] to [core workflow]. This tool replaces the current process of [current manual process] with an organized digital workflow. USER ROLES: - Team Lead: Can assign tasks, view reports, manage team settings - Team Member: Can view assigned items, update status, add notes CORE FEATURES: 1. Kanban board: Drag-and-drop board with customizable columns 2. Item creation: Form with fields for title, description, assignee, priority, due date 3. Filters: Filter by assignee, priority, due date range, status 4. Activity log: Track all changes to items with timestamps 5. Simple reporting: Charts showing items by status, completion rate UI: Full-width layout with a compact header. Kanban board as the main view. Slide-out panel for item details. TECH: React with a Supabase backend. Real-time updates for the kanban board.

PROJECT: [Product Name] Landing Page OVERVIEW: Build a high-converting landing page for [product/service] targeting [audience]. SECTIONS: 1. Hero: Large headline, subtitle, CTA button, and hero image/illustration 2. Social proof: Logo bar of trusted companies or user count 3. Features: 3-6 feature cards with icons, titles, and descriptions 4. How it works: 3-step process with numbered steps 5. Testimonials: 3 customer quotes with names and roles 6. Pricing: 3 pricing tiers with feature comparison 7. FAQ: 5-8 common questions in accordion format 8. Final CTA: Repeated call-to-action with email signup form 9. Footer: Links, social icons, copyright UI: Modern, clean design. Single-page scroll. High contrast hero section. Responsive across all screen sizes.

PROJECT: [App Name] - Mobile-First Web App OVERVIEW: Build a mobile-first web application for [use case]. Users will primarily access this on their phones. USER FLOW: 1. User opens the app and sees a feed/list of [items] 2. User can tap to view details 3. User can create a new [item] via a bottom sheet form 4. User can like/save [items] to a favorites list 5. User has a profile tab CORE FEATURES: 1. Feed: Scrollable list with pull-to-refresh 2. Detail view: Full-screen view with all information 3. Create: Bottom sheet form for adding new items 4. Favorites: Saved items list with remove functionality 5. Profile: User info, activity stats, settings UI: Mobile-first with bottom tab navigation. Card-based feed layout. Large touch targets. iOS-inspired design. TECH: React/Next.js with responsive design. PWA capabilities.

PROJECT: [Platform Name] - Content Platform OVERVIEW: Build a content platform where [creators] can publish [articles/guides/tutorials] and [readers] can discover and engage with content. USER ROLES: - Author: Write, edit, publish articles with rich text editor - Reader: Browse, read, bookmark, and comment on articles CORE FEATURES: 1. Article editor: Rich text editor with headings, images, code blocks 2. Article listing: Grid/list view with featured articles, categories, and search 3. Article detail: Clean reading experience with table of contents 4. Bookmarks: Save articles for later reading 5. Categories and tags: Organize content UI: Clean, minimal reading experience. Wide content area with generous whitespace. Magazine-style grid. TECH: Next.js with SSR for SEO.

PROJECT: [App Name] - Booking System OVERVIEW: Build a booking system where [service providers] can set availability and [clients] can book appointments. USER ROLES: - Provider: Set availability, manage bookings, view calendar - Client: Browse providers, book appointments, manage bookings CORE FEATURES: 1. Provider availability: Weekly schedule editor with time slots 2. Booking flow: Select provider, select service, choose date/time, confirm 3. Calendar view: Daily/weekly calendar for providers 4. Booking management: View, reschedule, or cancel bookings 5. Notifications: Email confirmations UI: Calendar-focused layout. Clean booking flow with progress steps. Card-based provider listing. Responsive. TECH: React with Supabase. Date handling with date-fns.

PROJECT: [Dashboard Name] - Analytics OVERVIEW: Build an analytics dashboard that visualizes [data type] for [users]. CORE FEATURES: 1. Summary cards: 4-6 KPI cards showing key metrics with trend indicators 2. Charts: Line chart (trends), bar chart (comparison), pie chart (distribution) 3. Data table: Sortable, filterable table with pagination 4. Date range picker: Filter all data by custom date range 5. Export: Download data as CSV UI: Full-width dashboard. Cards at top, charts in middle, table at bottom. Neutral color palette. Clean data visualization. TECH: React with Recharts for charts. Responsive grid layout.

PROJECT: [App Name] - Social Platform OVERVIEW: Build a social platform for [community/niche] where users can [core interaction]. CORE FEATURES: 1. Feed: Chronological feed of posts from followed users 2. Post creation: Create posts with text, images, and links 3. Interactions: Like, comment, and share posts 4. User profiles: Profile page with bio, posts, followers/following 5. Follow system: Follow/unfollow users 6. Search: Search for users and posts UI: Feed-based layout similar to Twitter/LinkedIn. Card-based posts. Mobile-first responsive design. TECH: React with Supabase for real-time features, auth, and storage.

PROJECT: [Store Name] - E-Commerce OVERVIEW: Build an e-commerce store selling [products] to [target audience]. CORE FEATURES: 1. Product catalog: Grid view with search, category filters, sort 2. Product detail: Image gallery, description, price, variant selector, add to cart 3. Shopping cart: Slide-out cart with item list, quantity controls, subtotal 4. Checkout: Multi-step checkout (shipping, payment, confirmation) 5. Order confirmation: Thank you page with order summary UI: Clean, image-forward design. Large product images. Minimal navigation. Responsive. TECH: Next.js for SSR and SEO. Static/mock product data for prototyping.