PRD Studio

Generate professional Product Requirement Documents (PRD) in Markdown — powered by AI.

Transform your product idea into a complete, production-ready PRD with goals, MVP features, user stories, tech stack, architecture, data schema, and sprint plan — in seconds.

Features

• Idea → PRD: Enter any product idea and get a structured PRD generated by an AI model.
• Markdown Preview: Rendered live preview of the generated PRD with full formatting support (headings, lists, tables, code blocks, blockquotes).
• Export: Download as .md or high-quality multi-page PDF.
• History: Every generated PRD is automatically saved to localStorage and accessible from the History sidebar — open, copy, or delete past entries.
• Multi-language: Generate in Bahasa Indonesia or English (US).
• Responsive: Works on desktop and mobile.

Tech Stack

Area	Technology
Frontend	Next.js 16 (App Router), TypeScript, React
Styling	Tailwind CSS v4, custom brand design tokens
AI Provider	OpenRouter — free models with automatic fallback
PDF Export	html2canvas + jsPDF
State / Storage	React useState / useRef + localStorage
Markdown	Custom renderer (escape + regex-based HTML generation)
Linting	ESLint + TypeScript strict

Free Models (fallback chain)

1. openai/gpt-oss-20b:free
2. google/gemma-4-31b-it:free
3. inclusionai/ling-3.0-flash:free

Getting Started

Prerequisites

• An OpenRouter API key (get one free)

Setup

# 1. Clone & install dependencies
git clone <this-repo> && cd prd-generator
npm install

# 2. Add your API key
cp .env.local.example .env.local
# Edit .env.local and fill in your OpenRouter key

# 3. Run the dev server
npm run dev

Open http://localhost:3000 — enter your product idea, pick a language, and click Generate!

Build for production

npm run build
npm start

PRD Output Structure

The generated PRD follows a consistent format:

1. Project Overview
2. Goals & Objectives
3. MVP Features (Core Features + User Stories)
4. Proposed Tech Stack
5. System Architecture
6. Data Schema (SQL)
7. Action Items & Sprint Plan
8. Success Criteria
9. Assumptions & Dependencies
10. Out of Scope

Development

npm run dev      # start dev server
npm run lint     # run ESLint
npm run build    # production build

License

This project is provided as-is for educational and practical use.