Automated sync to Hugging Face

.gitattributes

@@ -0,0 +1,3 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.ico filter=lfs diff=lfs merge=lfs -text

.github/workflows/sync_to_hf.yml

@@ -0,0 +1,33 @@
+name: Sync to Hugging Face
+on:
+  push:
+    branches: [master]
+
+jobs:
+  sync-to-hub:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Push to hub
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+        run: |
+          # 1. Turn on Large File Storage (LFS)
+          git lfs install
+          
+          # 2. Tell Hugging Face to properly handle images
+          echo "*.png filter=lfs diff=lfs merge=lfs -text" >> .gitattributes
+          echo "*.jpg filter=lfs diff=lfs merge=lfs -text" >> .gitattributes
+          echo "*.ico filter=lfs diff=lfs merge=lfs -text" >> .gitattributes
+          
+          # 3. Wipe the hidden git history in the runner to clear past image errors
+          rm -rf .git
+          git config --global user.email "action@github.com"
+          git config --global user.name "GitHub Action"
+          
+          # 4. Create a fresh, clean package and force push it
+          git init
+          git checkout -b main
+          git add .
+          git commit -m "Automated sync to Hugging Face"
+          git push --force https://anky2002:$HF_TOKEN@huggingface.co/spaces/anky2002/open-prompt main

.gitignore

@@ -0,0 +1,49 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+/src/generated/prisma
+# openprompt extension build output
+/openprompt-extension/dist
+/openprompt-extension/build
+/openprompt-extension/node_modules
+goal.md
+features.md

.nvmrc

@@ -0,0 +1 @@
+20

DEPLOYMENT.md

@@ -0,0 +1,414 @@
+# 🚀 OpenPrompt - Quick Deployment Guide
+
+**From Zero to Live in 10 Minutes**
+
+---
+
+## Prerequisites
+
+- ✅ Node.js 18+ installed
+- ✅ Git installed  
+- ✅ Vercel account (free)
+- ✅ OpenAI API key
+
+---
+
+## Step 1: Environment Variables (2 minutes)
+
+Create `.env.local` file in the root directory:
+
+```env
+# Database (already configured)
+DATABASE_URL="your-neon-postgres-url"
+
+# Authentication (Stack Auth - already configured)
+NEXT_PUBLIC_STACK_PROJECT_ID="your-stack-project-id"
+NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY="your-stack-key"
+STACK_SECRET_SERVER_KEY="your-stack-secret"
+
+# AI Models (REQUIRED for tools to work)
+OPENAI_API_KEY="sk-proj-..."
+
+# Optional but recommended
+ANTHROPIC_API_KEY="sk-ant-..."
+GOOGLE_AI_API_KEY="..."
+
+# Redis Cache (Optional - improves performance)
+UPSTASH_REDIS_REST_URL="https://..."
+UPSTASH_REDIS_REST_TOKEN="..."
+
+# Bot Protection (Optional)
+NEXT_PUBLIC_TURNSTILE_SITE_KEY="..."
+TURNSTILE_SECRET_KEY="..."
+```
+
+### Get API Keys:
+
+**OpenAI (Required):**
+1. Go to https://platform.openai.com/api-keys
+2. Create new secret key
+3. Copy to `OPENAI_API_KEY`
+
+**Upstash Redis (Recommended):**
+1. Go to https://upstash.com
+2. Create new database
+3. Copy REST URL and Token
+
+---
+
+## Step 2: Install & Build (3 minutes)
+
+```bash
+# Install dependencies
+npm install
+
+# Generate Prisma client
+npx prisma generate
+
+# Push database schema
+npx prisma db push
+
+# Optional: Seed with sample data
+npx prisma db seed
+
+# Build for production
+npm run build
+
+# Test locally
+npm start
+```
+
+Visit http://localhost:3000 to verify everything works.
+
+---
+
+## Step 3: Deploy to Vercel (5 minutes)
+
+### Option A: Vercel CLI (Fastest)
+
+```bash
+# Install Vercel CLI
+npm i -g vercel
+
+# Login
+vercel login
+
+# Deploy
+vercel --prod
+```
+
+### Option B: Vercel Dashboard
+
+1. Go to https://vercel.com/new
+2. Import your Git repository
+3. Add environment variables in dashboard
+4. Click "Deploy"
+
+**Environment Variables to Add in Vercel:**
+- `DATABASE_URL`
+- `NEXT_PUBLIC_STACK_PROJECT_ID`
+- `NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY`
+- `STACK_SECRET_SERVER_KEY`
+- `OPENAI_API_KEY`
+- `UPSTASH_REDIS_REST_URL` (if using)
+- `UPSTASH_REDIS_REST_TOKEN` (if using)
+
+---
+
+## Step 4: Post-Deployment Checks (2 minutes)
+
+Visit your live site and verify:
+
+**Basic Functionality:**
+- [ ] Homepage loads
+- [ ] Can browse `/explore`
+- [ ] Can view `/tools`
+- [ ] Can sign in/sign up
+- [ ] Dark mode toggle works
+
+**Critical Features:**
+- [ ] Can run a prompt at `/p/[slug]`
+- [ ] AI response streams correctly
+- [ ] Can execute a tool at `/tools/[slug]`
+- [ ] Star/unstar works
+- [ ] Search works
+
+**Performance:**
+- [ ] Page load < 3 seconds
+- [ ] No console errors
+- [ ] Images load properly
+- [ ] Mobile responsive
+
+---
+
+## Step 5: Domain Setup (Optional)
+
+**Add Custom Domain in Vercel:**
+
+1. Go to your project settings
+2. Click "Domains"
+3. Add your domain (e.g., https://open-prompt.netlify.app)
+4. Update DNS records as instructed
+5. Wait for SSL certificate (automatic)
+
+---
+
+## Troubleshooting
+
+### Build Errors
+
+**Error:** "Module not found"
+```bash
+# Clear cache and reinstall
+rm -rf node_modules .next
+npm install
+npm run build
+```
+
+**Error:** "Prisma Client not generated"
+```bash
+npx prisma generate
+npm run build
+```
+
+### Runtime Errors
+
+**Error:** "OpenAI API key not found"
+- Check `OPENAI_API_KEY` is set in Vercel environment variables
+- Redeploy after adding env vars
+
+**Error:** "Database connection failed"
+- Verify `DATABASE_URL` is correct
+- Check if Neon database is active
+- Ensure IP allowlist includes Vercel IPs
+
+**Error:** "Rate limit exceeded"
+- Redis not configured (optional but recommended)
+- Add Upstash Redis credentials
+- Or increase rate limits in `lib/rate-limit.ts`
+
+### Performance Issues
+
+**Slow page loads:**
+- Enable Redis caching
+- Optimize images (use Next.js Image component)
+- Check database query performance
+
+**AI tools timeout:**
+- Increase timeout in tool execution API
+- Use streaming for long responses
+- Consider using GPT-4o-mini for faster responses
+
+---
+
+## Monitoring & Analytics
+
+### Add Vercel Analytics (Free)
+
+1. Go to Vercel project settings
+2. Enable "Analytics" tab
+3. Automatically tracks:
+   - Page views
+   - Performance metrics
+   - User engagement
+
+### Add Vercel Speed Insights
+
+```bash
+npm install @vercel/speed-insights
+```
+
+In `app/layout.tsx`:
+```typescript
+import { SpeedInsights } from '@vercel/speed-insights/next'
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        {children}
+        <SpeedInsights />
+      </body>
+    </html>
+  )
+}
+```
+
+### Optional: Add PostHog (Product Analytics)
+
+1. Sign up at https://posthog.com
+2. Add tracking code to layout
+3. Track:
+   - Tool usage
+   - Prompt runs
+   - User journeys
+   - Conversions
+
+---
+
+## Scaling Considerations
+
+### When to Upgrade
+
+**Database:**
+- Free tier: ~10GB storage, 1GB bandwidth
+- Upgrade when: >5,000 users or >100,000 prompts
+
+**Redis:**
+- Free tier: 10,000 commands/day
+- Upgrade when: >1,000 daily active users
+
+**AI APIs:**
+- Monitor usage in OpenAI dashboard
+- Set usage limits to prevent surprise bills
+- Consider caching common responses
+
+### Cost Estimates
+
+**MVP (0-1,000 users):**
+- Vercel: Free
+- Neon DB: Free
+- Redis: Free
+- OpenAI: ~$50-100/month
+- **Total: ~$50-100/month**
+
+**Growth (1,000-10,000 users):**
+- Vercel: $20/month
+- Neon DB: $19/month
+- Redis: $10/month
+- OpenAI: ~$300-500/month
+- **Total: ~$350-550/month**
+
+**Scale (10,000+ users):**
+- Vercel: $20-50/month
+- Neon DB: $50+/month
+- Redis: $50+/month
+- OpenAI: ~$1,000+/month
+- **Total: ~$1,120+/month**
+
+---
+
+## Production Checklist
+
+### Security
+- [ ] Environment variables secured
+- [ ] API keys rotated regularly
+- [ ] Rate limiting enabled
+- [ ] CORS configured
+- [ ] Input validation on all forms
+- [ ] XSS protection enabled
+
+### Performance
+- [ ] Redis caching enabled
+- [ ] Images optimized
+- [ ] Code split by route
+- [ ] Lazy loading implemented
+- [ ] CDN configured (automatic with Vercel)
+
+### Monitoring
+- [ ] Error tracking (Sentry recommended)
+- [ ] Analytics enabled
+- [ ] Uptime monitoring
+- [ ] Database backups configured
+- [ ] Logs accessible
+
+### SEO
+- [ ] Meta tags complete
+- [ ] Sitemap generated
+- [ ] robots.txt configured
+- [ ] Open Graph images
+- [ ] Schema markup added
+
+### Legal
+- [ ] Privacy policy published
+- [ ] Terms of service published
+- [ ] Cookie consent (if EU users)
+- [ ] GDPR compliance (if EU users)
+- [ ] CCPA compliance (if CA users)
+
+---
+
+## Launch Day Actions
+
+**Hour 1: Deploy**
+- [ ] Final build successful
+- [ ] All environment variables set
+- [ ] Domain connected
+- [ ] SSL active
+
+**Hour 2: Verify**
+- [ ] Test all critical paths
+- [ ] Check mobile experience
+- [ ] Verify AI tools work
+- [ ] Test authentication flow
+
+**Hour 3: Announce**
+- [ ] Post on social media
+- [ ] Email early users
+- [ ] Submit to Product Hunt
+- [ ] Share in communities
+
+---
+
+## Support Resources
+
+**Documentation:**
+- Next.js: https://nextjs.org/docs
+- Prisma: https://www.prisma.io/docs
+- Vercel: https://vercel.com/docs
+- Stack Auth: https://docs.stack-auth.com
+
+**Community:**
+- Discord servers for each stack
+- GitHub discussions
+- Stack Overflow
+
+**Paid Support:**
+- Vercel Enterprise support
+- Database managed services
+- Development agencies
+
+---
+
+## Quick Commands Reference
+
+```bash
+# Development
+npm run dev              # Start dev server
+npm run build           # Build for production
+npm start               # Run production build
+npm run lint            # Run ESLint
+
+# Database
+npx prisma studio       # Open database GUI
+npx prisma db push      # Push schema to database
+npx prisma db seed      # Seed database
+npx prisma generate     # Generate Prisma client
+npx prisma migrate dev  # Create migration
+
+# Deployment
+vercel                  # Deploy to preview
+vercel --prod          # Deploy to production
+vercel env pull        # Pull env variables locally
+vercel logs            # View deployment logs
+```
+
+---
+
+## Success! 🎉
+
+Your OpenPrompt platform is now LIVE and ready to:
+- Serve users
+- Generate revenue
+- Scale infinitely
+- Change the world
+
+**Next:** Monitor usage, gather feedback, iterate!
+
+---
+
+**Need Help?** Check the documentation or open an issue on GitHub.
+
+**Ready to Scale?** Consider the growth roadmap in `final_summary.md`.
+
+**Want More Features?** See `implementation_plan.md` for adding more tools.

README.md

@@ -0,0 +1,414 @@
+# 🚀 OpenPrompt - AI Prompts Marketplace + Tools Suite
+
+> **Production-ready platform combining a prompts marketplace with 177+ AI-powered tools, browser extension, and multi-model support**
+
+[![Next.js](https://img.shields.io/badge/Next.js-16.0.8-black)](https://nextjs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.8-blue)](https://www.typescriptlang.org/)
+[![Prisma](https://img.shields.io/badge/Prisma-7.1-2D3748)](https://www.prisma.io/)
+[![React](https://img.shields.io/badge/React-19.2-61DAFB)](https://react.dev/)
+
+**Live Demo:** [https://open-prompt.netlify.app](https://open-prompt.netlify.app)
+
+---
+
+## 📖 Table of Contents
+
+- [Features](#-features)
+- [Tech Stack](#-tech-stack)
+- [Getting Started](#-getting-started)
+- [Project Structure](#-project-structure)
+- [Browser Extension](#-browser-extension)
+- [Available Tools](#-available-tools)
+- [Deployment](#-deployment)
+- [Documentation](#-documentation)
+- [Support](#-support)
+
+---
+
+## ✨ Features
+
+### Prompts Marketplace
+
+- 🔍 **Advanced Search** - Full-text search with real-time filtering
+- 📊 **Trending Algorithm** - Hot score calculation for viral prompts
+- 🏷️ **7 Categories** - Content, Development, Marketing, Business, Education, Creative, Research
+- ⭐ **User Engagement** - Star, share, remix, and collect prompts
+- 👥 **Creator Economy** - Profile pages, rankings (Bronze/Silver/Gold/Verified), stats
+- 🎨 **10 Frameworks** - RACE, CARE, APE, CREATE, RISEN, RTF, TAG, BAB, STAR, PREP
+- 🏅 **Quality Badges** - Auto-calculated (Hot, Viral, Featured, Top Rated, etc.)
+- 📦 **Collections** - Organize and share prompt collections
+- 🔗 **Embeds** - Share prompts with 3 theme options
+- 💬 **Comments** - Threaded discussions with likes and replies
+- 🌓 **Dark Mode** - Beautiful light and dark themes
+
+### AI Tools Suite (177 Tools Across 15 Categories)
+
+- 🎯 **Prompting** (9) - Optimizer, Checker, Chain-of-Thought, Few-Shot, Meta-Prompt, etc.
+- 📢 **Marketing** (14) - Strategy, Sales Copy, Hooks, Ads, Campaigns
+- 🏢 **Branding** (11) - Business Names, Slogans, USP, Brand Voice
+- ✍️ **Copywriting** (12) - Titles, Headlines, Meta, Landing Pages
+- 💼 **Business** (15) - Plans, Mission, SWOT, Pitches, Financial Models
+- 📧 **Email** (10) - Subject Lines, Cold Email, Sequences, Templates
+- 📦 **Product** (12) - Descriptions, PRDs, User Stories, Roadmaps
+- 💼 **HR** (11) - Job Descriptions, Interviews, Reviews, Onboarding
+- ⭐ **Personal Brand** (8) - LinkedIn, Twitter, Instagram, Bio
+- 📋 **Operations** (9) - SOPs, KPIs, Process Improvement
+- 📱 **Social Media** (12) - Posts, Captions, Hashtags, Calendars
+- 🎓 **Education** (10) - Lesson Plans, Quizzes, Curriculum
+- 💻 **Development** (15) - Code Review, Documentation, APIs
+- 🎨 **Creative** (14) - Stories, Scripts, Poetry, Art Prompts
+- 🔬 **Research** (15) - Analysis, Summaries, Literature Review
+
+### Image Prompts Gallery
+- 🎨 **Midjourney** - v6.1, v6, v5.2, niji 6
+- 🖼️ **DALL-E** - DALL-E 3, DALL-E 2
+- 🎯 **Stable Diffusion** - SDXL, SD 3.5, SD 1.5
+- ⚡ **FLUX** - FLUX.1-dev, schnell, pro
+- 🦁 **Leonardo AI** - Phoenix, Kino XL, Vision XL
+- 🔥 **Adobe Firefly** - Firefly 3, Firefly 2
+
+### AI Characters
+- 🤖 **Experts** - Coding, Writing, Business mentors
+- 🎭 **Roleplay** - Storytelling, Adventure companions
+- 🎓 **Education** - Tutors, Study buddies
+- 💼 **Productivity** - Task assistants, Planners
+- 🎨 **Creative** - Art directors, Music composers
+
+### Thunderdome ⚔️
+- **Model vs Model** - Compare AI responses head-to-head
+- **Community Voting** - Real-time leaderboard
+- **20+ Models** - GPT-4o, Claude 3.5, Gemini 2.5, Ollama models
+
+### Workflow Chains 🔗
+- **Multi-step Prompts** - Chain prompts together
+- **Variable Passing** - Output → Input automation
+- **Templates** - Pre-built workflow patterns
+
+### Infrastructure
+
+- ⚡ **Multi-Model AI** - OpenAI, Anthropic, Google AI, Ollama (20+ local models)
+- 🔄 **Response Caching** - Redis with 7-day TTL
+- 🛡️ **Rate Limiting** - 10/hr guests, 50/hr users
+- 🤖 **Bot Protection** - Cloudflare Turnstile
+- 📊 **Analytics** - Usage tracking, engagement metrics
+- 🔐 **Authentication** - Stack Auth integration
+- 📱 **Mobile Responsive** - Works on all devices
+- 🧩 **Browser Extension** - Open prompts in any AI chat
+
+---
+
+## 🛠️ Tech Stack
+
+**Frontend:**
+- [Next.js 16.0.8](https://nextjs.org/) - React framework with Turbopack
+- [React 19.2.1](https://react.dev/) - UI library
+- [TypeScript 5.8](https://www.typescriptlang.org/) - Type safety
+- [Tailwind CSS 4.x](https://tailwindcss.com/) - Styling
+- [Shadcn/ui](https://ui.shadcn.com/) - UI components
+- [Framer Motion](https://www.framer.com/motion/) - Animations
+
+**Backend:**
+- [Next.js API Routes](https://nextjs.org/docs/api-routes/introduction) - Serverless functions
+- [Prisma 7.1](https://www.prisma.io/) - Database ORM
+- [PostgreSQL](https://www.postgresql.org/) - Database (via Neon)
+- [Redis](https://redis.io/) - Caching (via Upstash)
+
+**AI & Services:**
+- [OpenAI API](https://platform.openai.com/) - GPT-4o, GPT-4o-mini
+- [Anthropic API](https://www.anthropic.com/) - Claude 3.5 Sonnet, Claude 3 Haiku
+- [Google AI](https://ai.google.dev/) - Gemini 2.5 Flash, Gemini 2.0 Flash
+- [Ollama](https://ollama.ai/) - 20+ local models (Llama, Mistral, Phi, etc.)
+- [Stack Auth](https://stack-auth.com/) - Authentication
+- [Cloudflare Turnstile](https://www.cloudflare.com/products/turnstile/) - Bot protection
+
+**Deployment:**
+- [Vercel](https://vercel.com/) - Hosting & deployments
+- [GitHub](https://github.com/) - Version control
+
+---
+
+## 🚀 Getting Started
+
+### Prerequisites
+
+- Node.js 18+ 
+- npm or yarn
+- PostgreSQL database (or Neon account)
+- OpenAI API key
+
+### Installation
+
+1. **Clone the repository**
+
+```bash
+git clone https://github.com/Anky9972/open-prompt.git
+cd open-prompt
+```
+
+2. **Install dependencies**
+
+```bash
+npm install
+```
+
+3. **Set up environment variables**
+
+Create `.env.local`:
+
+```env
+# Database
+DATABASE_URL="postgresql://..."
+
+# Authentication (Stack Auth)
+NEXT_PUBLIC_STACK_PROJECT_ID="..."
+NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY="..."
+STACK_SECRET_SERVER_KEY="..."
+
+# AI Models (Required)
+OPENAI_API_KEY="sk-..."
+
+# Optional
+ANTHROPIC_API_KEY="sk-ant-..."
+GOOGLE_AI_API_KEY="..."
+UPSTASH_REDIS_REST_URL="..."
+UPSTASH_REDIS_REST_TOKEN="..."
+NEXT_PUBLIC_TURNSTILE_SITE_KEY="..."
+TURNSTILE_SECRET_KEY="..."
+```
+
+4. **Set up database**
+
+```bash
+npx prisma generate
+npx prisma db push
+npx prisma db seed  # Optional: adds sample data
+```
+
+5. **Run development server**
+
+```bash
+npm run dev
+```
+
+Visit [http://localhost:3000](http://localhost:3000)
+
+---
+
+## 📁 Project Structure
+
+```
+openprompt/
+├── src/
+│   ├── app/                    # Next.js app directory
+│   │   ├── api/               # API routes
+│   │   ├── categories/        # Category pages
+│   │   ├── category/          # Dynamic category
+│   │   ├── collections/       # Collections
+│   │   ├── create/            # Create prompt
+│   │   ├── creators/          # Creators index
+│   │   ├── creator/           # Creator profile
+│   │   ├── embed/             # Embed pages
+│   │   ├── explore/           # Explore page
+│   │   ├── image-prompts/     # Image generation prompts
+│   │   ├── characters/        # AI characters
+│   │   ├── leaderboard/       # Creator rankings
+│   │   ├── p/                 # Prompt runner
+│   │   ├── thunderdome/       # Model comparison
+│   │   ├── workflows/         # Workflow chains
+│   │   ├── tools/             # AI tools suite
+│   │   ├── about/             # About page
+│   │   ├── docs/              # Documentation
+│   │   ├── guides/            # User guides
+│   │   ├── blog/              # Blog
+│   │   ├── layout.tsx         # Root layout
+│   │   └── page.tsx           # Landing page
+│   ├── components/            # React components
+│   │   ├── auth/              # Auth components
+│   │   ├── comments/          # Comments system
+│   │   ├── create/            # Creation components
+│   │   ├── engagement/        # Engagement metrics
+│   │   ├── explore/           # Discovery components
+│   │   ├── layout/            # Layout (header, footer)
+│   │   ├── prompt-runner/     # Prompt execution
+│   │   ├── prompts/           # Prompt components
+│   │   ├── thunderdome/       # Model comparison UI
+│   │   ├── tools/             # Tool components
+│   │   ├── workflow/          # Workflow builder
+│   │   └── ui/                # Shadcn UI components
+│   ├── lib/                   # Utilities
+│   │   ├── prisma.ts          # Prisma client
+│   │   ├── tools.ts           # 177 tool definitions
+│   │   ├── frameworks.ts      # Prompt frameworks
+│   │   └── utils.ts           # Helper functions
+│   └── types/                 # TypeScript types
+├── prisma/
+│   ├── schema.prisma          # Database schema
+│   └── seed.ts                # Seed data
+├── openprompt-extension/      # Browser extension
+│   ├── src/                   # Extension source
+│   ├── dist/                  # Built extension
+│   └── README.md              # Extension docs
+├── public/                    # Static assets
+├── DEPLOYMENT.md              # Deployment guide
+├── FEATURE-GAP-ANALYSIS.md    # Feature roadmap
+└── README.md                  # This file
+```
+
+---
+
+## 🧩 Browser Extension
+
+Open prompts directly in ChatGPT, Claude, Gemini, and other AI interfaces with one click!
+
+### Supported Platforms
+- ✅ ChatGPT (chatgpt.com)
+- ✅ Claude (claude.ai)
+- ✅ Gemini (gemini.google.com)
+- ✅ Perplexity (perplexity.ai)
+- ✅ Mistral (chat.mistral.ai)
+- ✅ Microsoft Copilot (copilot.microsoft.com)
+
+### Installation
+
+```bash
+cd openprompt-extension
+npm install
+npm run build
+```
+
+Then load the `dist` folder as an unpacked extension in Chrome.
+
+See [openprompt-extension/README.md](openprompt-extension/README.md) for detailed instructions.
+
+---
+
+## 🔧 Available Tools
+
+### 177 Tools Across 15 Categories
+
+| Category | Count | Examples |
+|----------|-------|----------|
+| **Prompting** | 9 | Optimizer, Chain-of-Thought, Meta-Prompt |
+| **Marketing** | 14 | Strategy, Ads, Campaigns, Funnels |
+| **Branding** | 11 | Names, Slogans, Voice, Guidelines |
+| **Copywriting** | 12 | Headlines, Landing Pages, CTAs |
+| **Business** | 15 | Plans, SWOT, Pitches, Financials |
+| **Email** | 10 | Sequences, Templates, Subject Lines |
+| **Product** | 12 | PRDs, Roadmaps, User Stories |
+| **HR** | 11 | Job Posts, Interviews, Onboarding |
+| **Personal Brand** | 8 | LinkedIn, Twitter, Bio Generators |
+| **Operations** | 9 | SOPs, KPIs, Process Improvement |
+| **Social Media** | 12 | Posts, Reels, Calendars, Hashtags |
+| **Education** | 10 | Lesson Plans, Quizzes, Curriculum |
+| **Development** | 15 | Code Review, Docs, API Design |
+| **Creative** | 14 | Stories, Scripts, Poetry, Art |
+| **Research** | 15 | Analysis, Summaries, Literature |
+
+See [src/lib/tools.ts](src/lib/tools.ts) for complete definitions.
+
+---
+
+## 🌐 Deployment
+
+### Deploy to Vercel (Recommended)
+
+1. **Push to GitHub**
+
+```bash
+git add .
+git commit -m "Initial commit"
+git push origin main
+```
+
+2. **Import to Vercel**
+
+- Go to [vercel.com/new](https://vercel.com/new)
+- Import your repository
+- Add environment variables
+- Deploy!
+
+3. **Set up domain** (optional)
+
+- Add custom domain in Vercel dashboard
+- Configure DNS settings
+- SSL automatically provisioned
+
+For detailed instructions, see [DEPLOYMENT.md](DEPLOYMENT.md)
+
+---
+
+## 📚 Documentation
+
+- **[DEPLOYMENT.md](DEPLOYMENT.md)** - Complete deployment guide
+- **[FEATURE-GAP-ANALYSIS.md](FEATURE-GAP-ANALYSIS.md)** - Competitor analysis & roadmap
+- **[openprompt-extension/README.md](openprompt-extension/README.md)** - Browser extension docs
+
+---
+
+## 🎯 Roadmap
+
+### ✅ Current: v1.0 (Complete)
+- ✅ Full prompts marketplace with 7 categories
+- ✅ 177 AI tools across 15 categories
+- ✅ Multi-model support (OpenAI, Anthropic, Google, Ollama)
+- ✅ Thunderdome model comparison
+- ✅ Workflow chains
+- ✅ Image prompts gallery
+- ✅ AI characters
+- ✅ Comments & engagement
+- ✅ Creator leaderboard
+- ✅ Browser extension
+
+### 🚧 Next: v1.5
+- [ ] Prompt marketplace (buy/sell)
+- [ ] Team workspaces
+- [ ] API access
+- [ ] Custom fine-tuning
+
+### 🔮 Future: v2.0
+- [ ] Mobile app
+- [ ] Enterprise features
+- [ ] White-label option
+- [ ] Plugin ecosystem
+
+---
+
+## 💰 Monetization
+
+### Free Tier
+- All basic features
+- 20 tool executions/day
+- Community prompts
+
+### Pro ($9/month)
+- Unlimited tool executions
+- Access to PRO tools
+- Execution history
+- Priority support
+
+### Enterprise (Custom)
+- API access
+- Custom tools
+- White-label
+- SLA guarantee
+
+---
+
+## 📞 Support
+
+- **Issues:** [GitHub Issues](https://github.com/Anky9972/open-prompt/issues)
+- **Discussions:** [GitHub Discussions](https://github.com/Anky9972/open-prompt/discussions)
+- **Email:** ankygaur9972@gmail.com
+- **Twitter:** [@anky_vivek](https://x.com/anky_vivek)
+
+---
+
+## 🌟 Star History
+
+If you find this project useful, please consider giving it a star ⭐
+
+---
+
+**Built with ❤️ by [Anky9972](https://github.com/Anky9972)**
+
+[Website](https://open-prompt.netlify.app) · [Twitter](https://x.com/anky_vivek) · [GitHub](https://github.com/Anky9972/open-prompt)

components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}

eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

next.config.ts

@@ -0,0 +1,95 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  // Image optimization – whitelist only known-safe domains (no wildcard **)
+  images: {
+    remotePatterns: [
+      // GitHub avatars (OAuth)
+      { protocol: "https", hostname: "avatars.githubusercontent.com" },
+      // Google avatars (OAuth)
+      { protocol: "https", hostname: "lh3.googleusercontent.com" },
+      { protocol: "https", hostname: "lh4.googleusercontent.com" },
+      { protocol: "https", hostname: "lh5.googleusercontent.com" },
+      // Stack Auth CDN
+      { protocol: "https", hostname: "*.stackauth.com" },
+      // Prompt preview / gallery images (Cloudflare R2 / storage)
+      { protocol: "https", hostname: "imagedelivery.net" },
+      { protocol: "https", hostname: "images.unsplash.com" },
+      // AI image CDNs
+      { protocol: "https", hostname: "oaidalleapiprodscus.blob.core.windows.net" },
+      { protocol: "https", hostname: "cdn.midjourney.com" },
+      { protocol: "https", hostname: "image.civitai.com" },
+    ],
+    formats: ["image/avif", "image/webp"],
+  },
+
+  // Security headers
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          // ✅ SAMEORIGIN (not DENY) so /embed/ iframes work
+          { key: "X-Frame-Options", value: "SAMEORIGIN" },
+          { key: "X-Content-Type-Options", value: "nosniff" },
+          { key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
+          { key: "X-DNS-Prefetch-Control", value: "on" },
+          { key: "X-Permitted-Cross-Domain-Policies", value: "none" },
+          { key: "Strict-Transport-Security", value: "max-age=31536000; includeSubDomains; preload" },
+          { key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=()" },
+          {
+            key: "Content-Security-Policy",
+            value: [
+              "default-src 'self'",
+              // Scripts: Next.js needs unsafe-inline for inline event handlers; Turnstile needs its domain
+              "script-src 'self' 'unsafe-inline' 'unsafe-eval' https://challenges.cloudflare.com https://www.googletagmanager.com",
+              // Styles: Google Fonts + Tailwind inline
+              "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com",
+              // Fonts: Google Fonts CDN
+              "font-src 'self' https://fonts.gstatic.com",
+              // Images: broad HTTPS allowed (user avatar, AI-generated images)
+              "img-src 'self' data: blob: https:",
+              // Frames: Cloudflare Turnstile widget + same-origin embeds
+              "frame-src 'self' https://challenges.cloudflare.com",
+              // Connect: AI APIs + Cloudflare + analytics
+              "connect-src 'self' https://api.openai.com https://api.anthropic.com https://generativelanguage.googleapis.com https://challenges.cloudflare.com wss: ws:",
+              // Media / workers (Next.js internals)
+              "media-src 'self' blob:",
+              "worker-src 'self' blob:",
+            ].join("; "),
+          },
+        ],
+      },
+      {
+        // Cache logos & brand assets for 1 year
+        source: "/logos/(.*)",
+        headers: [
+          { key: "Cache-Control", value: "public, max-age=31536000, immutable" },
+        ],
+      },
+      {
+        // Cache other static public assets for 1 day
+        source: "/(.*\\.(?:svg|png|jpg|jpeg|gif|ico|woff2|woff|ttf))",
+        headers: [
+          { key: "Cache-Control", value: "public, max-age=86400, stale-while-revalidate=3600" },
+        ],
+      },
+    ];
+  },
+
+  // Performance optimizations – tree-shake large packages
+  experimental: {
+    optimizePackageImports: [
+      "lucide-react",
+      "react-icons",
+      "framer-motion",
+      "recharts",
+      "@radix-ui/react-dropdown-menu",
+      "@radix-ui/react-select",
+      "@radix-ui/react-tabs",
+      "@radix-ui/react-tooltip",
+    ],
+  },
+};
+
+export default nextConfig;

openprompt-extension/README.md

@@ -0,0 +1,137 @@
+# OpenPrompt Browser Extension
+
+A browser extension that allows you to open prompts directly in ChatGPT, Claude, Gemini, Perplexity, Mistral, and Microsoft Copilot with one click.
+
+## Features
+
+- 🚀 **One-Click Injection** - Send prompts directly to your favorite AI chat interface
+- 🤖 **Multiple Platforms** - Supports ChatGPT, Claude, Gemini, Perplexity, Mistral, Copilot
+- 📝 **Recent History** - Access your recently used prompts
+- ⚡ **Default Platform** - Set your preferred AI platform for quick access
+- 🔒 **Privacy First** - All data stays in your browser
+
+## Supported Platforms
+
+| Platform | URL | Status |
+|----------|-----|--------|
+| ChatGPT | chatgpt.com | ✅ Supported |
+| Claude | claude.ai | ✅ Supported |
+| Gemini | gemini.google.com | ✅ Supported |
+| Perplexity | perplexity.ai | ✅ Supported |
+| Mistral | chat.mistral.ai | ✅ Supported |
+| Copilot | copilot.microsoft.com | ✅ Supported |
+
+## Installation
+
+### Development Build
+
+1. Install dependencies:
+   ```bash
+   cd openprompt-extension
+   npm install
+   ```
+
+2. Build the extension:
+   ```bash
+   npm run build
+   ```
+
+3. Load in Chrome:
+   - Open `chrome://extensions/`
+   - Enable "Developer mode"
+   - Click "Load unpacked"
+   - Select the `dist` folder
+
+### Development Mode
+
+For live reloading during development:
+
+```bash
+npm run dev
+```
+
+This will watch for changes and rebuild automatically.
+
+## Project Structure
+
+```
+openprompt-extension/
+├── public/
+│   ├── manifest.json      # Chrome extension manifest
+│   └── icons/             # Extension icons
+├── src/
+│   ├── popup/             # Extension popup UI (React)
+│   │   ├── App.tsx
+│   │   ├── main.tsx
+│   │   └── index.css
+│   ├── background/        # Service worker
+│   │   └── index.ts
+│   └── content-scripts/   # Platform-specific injection scripts
+│       ├── chatgpt.ts
+│       ├── claude.ts
+│       ├── gemini.ts
+│       ├── perplexity.ts
+│       ├── mistral.ts
+│       ├── copilot.ts
+│       ├── openprompt-site.ts
+│       └── utils.ts
+├── popup.html
+├── package.json
+├── vite.config.ts
+├── tailwind.config.js
+└── tsconfig.json
+```
+
+## How It Works
+
+1. **From OpenPrompt Website:**
+   - Click "Open In..." on any prompt
+   - Select your preferred AI platform
+   - The prompt is automatically filled in the chat input
+
+2. **From Extension Popup:**
+   - Click the extension icon
+   - View pending prompts
+   - Choose where to open them
+   - Access recent prompt history
+
+## API Communication
+
+The extension communicates with the OpenPrompt website via:
+- `window.postMessage` for content script communication
+- `chrome.runtime.sendMessage` for external messaging
+- Chrome storage API for state persistence
+
+## Building for Production
+
+```bash
+npm run build
+```
+
+The built extension will be in the `dist` folder, ready for Chrome Web Store submission.
+
+## Publishing
+
+1. Create a developer account on Chrome Web Store
+2. Package the `dist` folder as a ZIP
+3. Upload to Chrome Web Store Developer Dashboard
+4. Submit for review
+
+## Icons
+
+For production, you'll need to convert the SVG icon to PNG at these sizes:
+- icon16.png (16x16)
+- icon48.png (48x48)
+- icon128.png (128x128)
+
+Use a tool like [CloudConvert](https://cloudconvert.com/svg-to-png) or run:
+```bash
+# With ImageMagick
+convert -background none -resize 16x16 public/icons/icon.svg public/icons/icon16.png
+convert -background none -resize 48x48 public/icons/icon.svg public/icons/icon48.png
+convert -background none -resize 128x128 public/icons/icon.svg public/icons/icon128.png
+```
+
+## License
+
+MIT - Part of the OpenPrompt project

openprompt-extension/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "openprompt-extension",
+  "version": "1.0.0",
+  "description": "Open prompts directly in ChatGPT, Claude, Gemini, and other AI chat interfaces",
+  "type": "module",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lucide-react": "^0.469.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/chrome": "^0.0.283",
+    "@types/react": "^18.3.17",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.5"
+  }
+}

openprompt-extension/popup.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenPrompt</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/popup/main.tsx"></script>
+  </body>
+</html>

openprompt-extension/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

openprompt-extension/public/manifest.json

@@ -0,0 +1,150 @@
+{
+  "manifest_version": 3,
+  "name": "OpenPrompt - Open in AI",
+  "version": "1.1.0",
+  "description": "Open prompts directly in ChatGPT, Claude, Gemini, Perplexity, and other AI chat interfaces with one click.",
+  "permissions": [
+    "activeTab",
+    "storage",
+    "tabs",
+    "contextMenus",
+    "clipboardWrite",
+    "clipboardRead"
+  ],
+  "commands": {
+    "_execute_action": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+O",
+        "mac": "Command+Shift+O"
+      },
+      "description": "Open OpenPrompt popup"
+    },
+    "quick-search": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+P",
+        "mac": "Command+Shift+P"
+      },
+      "description": "Quick search prompts"
+    },
+    "capture-selection": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+S",
+        "mac": "Command+Shift+S"
+      },
+      "description": "Capture selected text as prompt"
+    }
+  },
+  "host_permissions": [
+    "https://chat.openai.com/*",
+    "https://chatgpt.com/*",
+    "https://claude.ai/*",
+    "https://gemini.google.com/*",
+    "https://www.perplexity.ai/*",
+    "https://chat.mistral.ai/*",
+    "https://poe.com/*",
+    "https://you.com/*",
+    "https://copilot.microsoft.com/*",
+    "https://open-prompt.netlify.app/*",
+    "http://localhost:3000/*"
+  ],
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icons/icon16.png",
+      "48": "icons/icon48.png",
+      "128": "icons/icon128.png"
+    }
+  },
+  "icons": {
+    "16": "icons/icon16.png",
+    "48": "icons/icon48.png",
+    "128": "icons/icon128.png"
+  },
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://chat.openai.com/*",
+        "https://chatgpt.com/*"
+      ],
+      "js": [
+        "content-scripts/chatgpt.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://claude.ai/*"
+      ],
+      "js": [
+        "content-scripts/claude.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://gemini.google.com/*"
+      ],
+      "js": [
+        "content-scripts/gemini.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://www.perplexity.ai/*"
+      ],
+      "js": [
+        "content-scripts/perplexity.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://chat.mistral.ai/*"
+      ],
+      "js": [
+        "content-scripts/mistral.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://copilot.microsoft.com/*"
+      ],
+      "js": [
+        "content-scripts/copilot.js"
+      ],
+      "run_at": "document_idle"
+    },
+    {
+      "matches": [
+        "https://open-prompt.netlify.app/*",
+        "http://localhost:3000/*"
+      ],
+      "js": [
+        "content-scripts/openprompt-site.js"
+      ],
+      "run_at": "document_idle"
+    }
+  ],
+  "externally_connectable": {
+    "matches": [
+      "https://open-prompt.netlify.app/*",
+      "http://localhost:3000/*"
+    ]
+  },
+  "web_accessible_resources": [
+    {
+      "resources": [
+        "icons/*"
+      ],
+      "matches": [
+        "<all_urls>"
+      ]
+    }
+  ]
+}

openprompt-extension/scripts/create-icons.js

@@ -0,0 +1,27 @@
+// Simple script to create placeholder icon PNGs
+// Run with: node scripts/create-icons.js
+
+const fs = require('fs');
+const path = require('path');
+
+// Simple 1x1 purple pixel PNG base64 - we'll use SVG icons for now
+// For production, use a proper image conversion tool
+
+const iconSizes = [16, 48, 128];
+const iconsDir = path.join(__dirname, '../public/icons');
+
+// Create a simple colored square PNG (this is a minimal valid PNG)
+function createMinimalPng(size) {
+  // For now, just create a note that real icons are needed
+  console.log(`Note: Create ${size}x${size} PNG icon at public/icons/icon${size}.png`);
+  console.log(`You can convert the SVG using: https://cloudconvert.com/svg-to-png`);
+}
+
+iconSizes.forEach(size => {
+  createMinimalPng(size);
+});
+
+console.log('\nTo create proper icons, run:');
+console.log('npx sharp-cli --input public/icons/icon.svg --output public/icons/icon16.png --resize 16');
+console.log('npx sharp-cli --input public/icons/icon.svg --output public/icons/icon48.png --resize 48');
+console.log('npx sharp-cli --input public/icons/icon.svg --output public/icons/icon128.png --resize 128');

openprompt-extension/scripts/generate-icons.js

@@ -0,0 +1,36 @@
+// Create extension icons from SVG
+import sharp from 'sharp';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const sizes = [16, 48, 128];
+const svgPath = path.join(__dirname, '../public/icons/icon.svg');
+const outputDir = path.join(__dirname, '../public/icons');
+
+// Ensure output directory exists
+if (!fs.existsSync(outputDir)) {
+  fs.mkdirSync(outputDir, { recursive: true });
+}
+
+async function createIcons() {
+  const svgBuffer = fs.readFileSync(svgPath);
+  
+  for (const size of sizes) {
+    const outputPath = path.join(outputDir, `icon${size}.png`);
+    
+    await sharp(svgBuffer)
+      .resize(size, size)
+      .png()
+      .toFile(outputPath);
+    
+    console.log(`Created: icon${size}.png`);
+  }
+  
+  console.log('\nAll icons created successfully!');
+}
+
+createIcons().catch(console.error);

openprompt-extension/src/background/index.ts

@@ -0,0 +1,450 @@
+// Background Service Worker for OpenPrompt Extension
+
+// Configurable API base URL — defaults to production, overridable via extension storage
+let API_BASE = 'https://open-prompt.netlify.app';
+
+// Load custom API URL from extension settings (set in options page)
+(async () => {
+  try {
+    const result = await chrome.storage.sync.get(['apiBaseUrl']);
+    if (result.apiBaseUrl) API_BASE = result.apiBaseUrl;
+  } catch { /* use default */ }
+})();
+
+const PLATFORMS: Record<string, string> = {
+  chatgpt: 'https://chatgpt.com',
+  claude: 'https://claude.ai',
+  gemini: 'https://gemini.google.com',
+  perplexity: 'https://www.perplexity.ai',
+  mistral: 'https://chat.mistral.ai',
+  copilot: 'https://copilot.microsoft.com',
+};
+
+const PLATFORM_URLS: Record<string, string[]> = {
+  chatgpt: ['chat.openai.com', 'chatgpt.com'],
+  claude: ['claude.ai'],
+  gemini: ['gemini.google.com'],
+  perplexity: ['perplexity.ai'],
+  mistral: ['chat.mistral.ai'],
+  copilot: ['copilot.microsoft.com'],
+};
+
+// Get or create device ID for analytics
+async function getDeviceId(): Promise<string> {
+  const result = await chrome.storage.local.get(['deviceId']);
+  if (result.deviceId) return result.deviceId;
+  
+  const deviceId = 'ext_' + crypto.randomUUID();
+  await chrome.storage.local.set({ deviceId });
+  return deviceId;
+}
+
+// Get user ID if logged in
+async function getUserId(): Promise<string | null> {
+  const result = await chrome.storage.local.get(['userId']);
+  return result.userId || null;
+}
+
+// Track analytics
+async function trackAnalytics(data: {
+  action: string;
+  platform?: string;
+  platforms?: string[];
+  promptId?: string;
+  promptTitle?: string;
+  promptText?: string;
+  metadata?: Record<string, unknown>;
+}): Promise<void> {
+  try {
+    const deviceId = await getDeviceId();
+    const userId = await getUserId();
+    
+    await fetch(`${API_BASE}/api/extension/analytics`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        deviceId,
+        userId,
+        ...data,
+      }),
+    });
+  } catch (error) {
+    console.error('[OpenPrompt] Analytics error:', error);
+  }
+}
+
+// Create context menus on install
+function createContextMenus(): void {
+  chrome.contextMenus.removeAll(() => {
+    // Send selected text to AI
+    chrome.contextMenus.create({
+      id: 'send-to-ai',
+      title: 'Send to AI',
+      contexts: ['selection'],
+    });
+    
+    // Sub-menus for each platform
+    Object.entries(PLATFORMS).forEach(([id, _url]) => {
+      chrome.contextMenus.create({
+        id: `send-to-${id}`,
+        parentId: 'send-to-ai',
+        title: id.charAt(0).toUpperCase() + id.slice(1),
+        contexts: ['selection'],
+      });
+    });
+
+    // Capture prompt
+    chrome.contextMenus.create({
+      id: 'capture-prompt',
+      title: 'Save to OpenPrompt',
+      contexts: ['selection'],
+    });
+
+    // Open OpenPrompt
+    chrome.contextMenus.create({
+      id: 'open-openprompt',
+      title: 'Browse OpenPrompt',
+      contexts: ['page'],
+    });
+  });
+}
+
+// Handle context menu clicks
+chrome.contextMenus.onClicked.addListener(async (info, tab) => {
+  const selectedText = info.selectionText;
+  
+  if (info.menuItemId === 'open-openprompt') {
+    chrome.tabs.create({ url: API_BASE });
+    return;
+  }
+  
+  if (info.menuItemId === 'capture-prompt' && selectedText) {
+    // Save to captured prompts
+    const deviceId = await getDeviceId();
+    const userId = await getUserId();
+    const platform = detectPlatformFromUrl(tab?.url || '');
+    
+    try {
+      await fetch(`${API_BASE}/api/extension/capture`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          deviceId,
+          userId,
+          text: selectedText,
+          platform: platform || 'unknown',
+          url: tab?.url,
+        }),
+      });
+      
+      // Show notification
+      if (tab?.id) {
+        chrome.tabs.sendMessage(tab.id, {
+          type: 'SHOW_NOTIFICATION',
+          message: '✓ Prompt saved to OpenPrompt!',
+        }).catch(() => {});
+      }
+      
+      trackAnalytics({
+        action: 'capture',
+        platform: platform || 'unknown',
+        promptText: selectedText.slice(0, 500),
+        metadata: { source: 'context_menu' },
+      });
+    } catch (error) {
+      console.error('[OpenPrompt] Capture error:', error);
+    }
+    return;
+  }
+  
+  // Handle send-to-* menus
+  if (info.menuItemId?.toString().startsWith('send-to-') && selectedText) {
+    const platformId = info.menuItemId.toString().replace('send-to-', '');
+    const url = PLATFORMS[platformId];
+    
+    if (url) {
+      await chrome.storage.local.set({
+        promptToInject: {
+          prompt: selectedText,
+          platform: platformId,
+          timestamp: Date.now(),
+        },
+      });
+      
+      chrome.tabs.create({ url });
+      
+      trackAnalytics({
+        action: 'context_menu',
+        platform: platformId,
+        promptText: selectedText.slice(0, 500),
+      });
+    }
+  }
+});
+
+// Detect which AI platform from URL
+function detectPlatformFromUrl(url: string): string | null {
+  for (const [platform, urls] of Object.entries(PLATFORM_URLS)) {
+    if (urls.some(u => url.includes(u))) {
+      return platform;
+    }
+  }
+  return null;
+}
+
+// Handle keyboard shortcuts
+chrome.commands.onCommand.addListener(async (command) => {
+  console.log('[OpenPrompt] Command:', command);
+  
+  if (command === 'quick-search') {
+    // Open popup with search focused
+    chrome.action.openPopup().catch(() => {
+      // Fallback: set badge to indicate action
+      chrome.action.setBadgeText({ text: 'S' });
+      chrome.action.setBadgeBackgroundColor({ color: '#9333ea' });
+      setTimeout(() => chrome.action.setBadgeText({ text: '' }), 3000);
+    });
+    
+    trackAnalytics({
+      action: 'shortcut_use',
+      metadata: { shortcut: 'quick-search' },
+    });
+  }
+  
+  if (command === 'capture-selection') {
+    // Get current tab and capture selected text
+    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+    if (tab?.id) {
+      chrome.tabs.sendMessage(tab.id, { type: 'CAPTURE_SELECTION' }).catch(() => {});
+    }
+    
+    trackAnalytics({
+      action: 'shortcut_use',
+      metadata: { shortcut: 'capture-selection' },
+    });
+  }
+});
+
+// Handle messages from content scripts
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.type === 'OPEN_TAB') {
+    chrome.tabs.create({ url: message.url }, (tab) => {
+      sendResponse({ success: true, tabId: tab?.id });
+    });
+    return true;
+  }
+
+  if (message.type === 'OPEN_POPUP') {
+    chrome.action.setBadgeText({ text: '1' });
+    chrome.action.setBadgeBackgroundColor({ color: '#9333ea' });
+    setTimeout(() => chrome.action.setBadgeText({ text: '' }), 5000);
+    sendResponse({ success: true });
+    return true;
+  }
+  
+  if (message.type === 'CAPTURE_PROMPT') {
+    // Capture from content script
+    (async () => {
+      const deviceId = await getDeviceId();
+      const userId = await getUserId();
+      const platform = detectPlatformFromUrl(sender.tab?.url || '');
+      
+      try {
+        const response = await fetch(`${API_BASE}/api/extension/capture`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            deviceId,
+            userId,
+            text: message.text,
+            title: message.title,
+            platform: platform || 'unknown',
+            url: sender.tab?.url,
+          }),
+        });
+        
+        const data = await response.json();
+        sendResponse({ success: true, id: data.id });
+        
+        trackAnalytics({
+          action: 'capture',
+          platform: platform || 'unknown',
+          promptText: message.text?.slice(0, 500),
+        });
+      } catch (error) {
+        sendResponse({ success: false, error: String(error) });
+      }
+    })();
+    return true;
+  }
+  
+  if (message.type === 'BROADCAST_PROMPT') {
+    // Send to multiple platforms
+    const { prompt, platforms: targetPlatforms } = message;
+    
+    (async () => {
+      for (const platformId of targetPlatforms) {
+        const url = PLATFORMS[platformId];
+        if (url) {
+          await chrome.storage.local.set({
+            [`promptToInject_${platformId}`]: {
+              prompt,
+              platform: platformId,
+              timestamp: Date.now(),
+            },
+          });
+          chrome.tabs.create({ url });
+        }
+      }
+      
+      trackAnalytics({
+        action: 'broadcast',
+        platforms: targetPlatforms,
+        promptText: prompt?.slice(0, 500),
+      });
+      
+      sendResponse({ success: true });
+    })();
+    return true;
+  }
+  
+  if (message.type === 'TRACK_ANALYTICS') {
+    trackAnalytics(message.data).then(() => sendResponse({ success: true }));
+    return true;
+  }
+  
+  if (message.type === 'SET_USER_ID') {
+    chrome.storage.local.set({ userId: message.userId }).then(() => {
+      sendResponse({ success: true });
+    });
+    return true;
+  }
+  
+  if (message.type === 'GET_DEVICE_ID') {
+    getDeviceId().then(deviceId => sendResponse({ deviceId }));
+    return true;
+  }
+});
+
+// Handle external messages from the website
+chrome.runtime.onMessageExternal.addListener(
+  (message, sender, sendResponse) => {
+    console.log('[OpenPrompt] External message received:', message, 'from:', sender);
+    
+    if (message.type === 'CHECK_EXTENSION') {
+      sendResponse({ installed: true, version: chrome.runtime.getManifest().version });
+      return true;
+    }
+    
+    if (message.type === 'SYNC_USER') {
+      chrome.storage.local.set({ userId: message.userId }).then(() => {
+        sendResponse({ success: true });
+      });
+      return true;
+    }
+
+    if (message.type === 'OPEN_IN_AI') {
+      chrome.storage.local.set({
+        pendingPrompt: {
+          prompt: message.prompt,
+          title: message.title,
+          promptId: message.promptId,
+          timestamp: Date.now(),
+        }
+      }).then(async () => {
+        if (message.platform) {
+          const url = PLATFORMS[message.platform];
+          if (url) {
+            await chrome.storage.local.set({
+              promptToInject: {
+                prompt: message.prompt,
+                platform: message.platform,
+                timestamp: Date.now(),
+              }
+            });
+            chrome.tabs.create({ url });
+            
+            trackAnalytics({
+              action: 'inject',
+              platform: message.platform,
+              promptId: message.promptId,
+              promptTitle: message.title,
+            });
+          }
+        }
+        sendResponse({ success: true });
+      });
+      return true;
+    }
+  }
+);
+
+// Handle installation
+chrome.runtime.onInstalled.addListener((details) => {
+  if (details.reason === 'install') {
+    console.log('[OpenPrompt] Extension installed');
+    createContextMenus();
+    chrome.tabs.create({
+      url: `${API_BASE}/extension?installed=true`
+    });
+    
+    trackAnalytics({
+      action: 'install',
+      metadata: { version: chrome.runtime.getManifest().version },
+    });
+  } else if (details.reason === 'update') {
+    console.log('[OpenPrompt] Extension updated to version', chrome.runtime.getManifest().version);
+    createContextMenus();
+    
+    trackAnalytics({
+      action: 'update',
+      metadata: { version: chrome.runtime.getManifest().version },
+    });
+  }
+});
+
+// Handle tab updates to inject prompts
+chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
+  if (changeInfo.status === 'complete' && tab.url) {
+    // Check for regular prompt injection
+    const result = await chrome.storage.local.get(['promptToInject']);
+    
+    if (result.promptToInject) {
+      const { platform } = result.promptToInject;
+      const urls = PLATFORM_URLS[platform] || [];
+      const isMatchingUrl = urls.some(url => tab.url?.includes(url));
+
+      if (isMatchingUrl) {
+        setTimeout(() => {
+          chrome.tabs.sendMessage(tabId, { type: 'INJECT_PROMPT' }).catch(() => {});
+        }, 1000);
+      }
+    }
+    
+    // Check for broadcast prompts
+    for (const platformId of Object.keys(PLATFORMS)) {
+      const broadcastResult = await chrome.storage.local.get([`promptToInject_${platformId}`]);
+      const promptData = broadcastResult[`promptToInject_${platformId}`];
+      
+      if (promptData) {
+        const urls = PLATFORM_URLS[platformId] || [];
+        const isMatchingUrl = urls.some(url => tab.url?.includes(url));
+        
+        if (isMatchingUrl) {
+          // Move broadcast prompt to regular prompt slot for injection
+          await chrome.storage.local.set({ promptToInject: promptData });
+          await chrome.storage.local.remove(`promptToInject_${platformId}`);
+          
+          setTimeout(() => {
+            chrome.tabs.sendMessage(tabId, { type: 'INJECT_PROMPT' }).catch(() => {});
+          }, 1000);
+        }
+      }
+    }
+  }
+});
+
+// Initialize context menus on startup
+createContextMenus();
+
+console.log('[OpenPrompt] Background service worker started');

openprompt-extension/src/content-scripts/chatgpt.ts

@@ -0,0 +1,87 @@
+// ChatGPT Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'chatgpt') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into ChatGPT...');
+
+  // Wait for the textarea to be available
+  // ChatGPT uses a contenteditable div with id="prompt-textarea"
+  const textareaSelector = '#prompt-textarea';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find ChatGPT textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    // Focus the textarea
+    (textarea as HTMLElement).focus();
+    
+    // Clear existing content
+    textarea.innerHTML = '';
+    
+    // Create a paragraph element with the prompt text
+    const p = document.createElement('p');
+    p.textContent = promptData.prompt;
+    textarea.appendChild(p);
+    
+    // Dispatch input event to trigger React state update
+    textarea.dispatchEvent(new InputEvent('input', {
+      bubbles: true,
+      cancelable: true,
+      inputType: 'insertText',
+      data: promptData.prompt,
+    }));
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  // Setup capture listener for keyboard shortcut
+  setupCaptureListener();
+  
+  // Add floating capture button
+  createCaptureButton('ChatGPT');
+  
+  // Try to inject prompt
+  setTimeout(injectPrompt, 1500);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/claude.ts

@@ -0,0 +1,83 @@
+// Claude Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'claude') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into Claude...');
+
+  // Claude uses a contenteditable div with class containing "ProseMirror"
+  const textareaSelector = '[contenteditable="true"].ProseMirror, div[contenteditable="true"]';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find Claude textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    const element = textarea as HTMLElement;
+    
+    // Focus the element
+    element.focus();
+    
+    // Clear existing content
+    element.innerHTML = '';
+    
+    // For ProseMirror editors, we need to create a paragraph
+    const p = document.createElement('p');
+    p.textContent = promptData.prompt;
+    element.appendChild(p);
+    
+    // Dispatch input event
+    element.dispatchEvent(new InputEvent('input', {
+      bubbles: true,
+      cancelable: true,
+      inputType: 'insertText',
+      data: promptData.prompt,
+    }));
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  setupCaptureListener();
+  createCaptureButton('Claude');
+  setTimeout(injectPrompt, 2000);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/copilot.ts

@@ -0,0 +1,72 @@
+// Microsoft Copilot Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'copilot') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into Copilot...');
+
+  // Copilot uses a textarea
+  const textareaSelector = 'textarea#userInput, textarea[name="searchbox"], textarea';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find Copilot textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    const element = textarea as HTMLTextAreaElement;
+    
+    // Focus and set value
+    element.focus();
+    element.value = promptData.prompt;
+    
+    // Dispatch events
+    element.dispatchEvent(new Event('input', { bubbles: true }));
+    element.dispatchEvent(new Event('change', { bubbles: true }));
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  setupCaptureListener();
+  createCaptureButton('Copilot');
+  setTimeout(injectPrompt, 2000);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/gemini.ts

@@ -0,0 +1,87 @@
+// Gemini Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'gemini') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into Gemini...');
+
+  // Gemini uses a rich text input with contenteditable
+  const textareaSelector = '.ql-editor, [contenteditable="true"], textarea';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find Gemini textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    const element = textarea as HTMLElement;
+    
+    // Focus the element
+    element.focus();
+    
+    if (element.getAttribute('contenteditable') === 'true') {
+      // For contenteditable elements
+      element.innerHTML = '';
+      
+      const p = document.createElement('p');
+      p.textContent = promptData.prompt;
+      element.appendChild(p);
+      
+      element.dispatchEvent(new InputEvent('input', {
+        bubbles: true,
+        cancelable: true,
+        inputType: 'insertText',
+        data: promptData.prompt,
+      }));
+    } else if (element instanceof HTMLTextAreaElement) {
+      // For textarea elements
+      element.value = promptData.prompt;
+      element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  setupCaptureListener();
+  createCaptureButton('Gemini');
+  setTimeout(injectPrompt, 2000);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/mistral.ts

@@ -0,0 +1,83 @@
+// Mistral Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'mistral') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into Mistral...');
+
+  // Mistral uses a textarea or contenteditable
+  const textareaSelector = 'textarea, [contenteditable="true"]';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find Mistral textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    const element = textarea as HTMLElement;
+    element.focus();
+    
+    if (element instanceof HTMLTextAreaElement) {
+      element.value = promptData.prompt;
+      element.dispatchEvent(new Event('input', { bubbles: true }));
+      element.dispatchEvent(new Event('change', { bubbles: true }));
+    } else if (element.getAttribute('contenteditable') === 'true') {
+      element.innerHTML = '';
+      const p = document.createElement('p');
+      p.textContent = promptData.prompt;
+      element.appendChild(p);
+      
+      element.dispatchEvent(new InputEvent('input', {
+        bubbles: true,
+        cancelable: true,
+        inputType: 'insertText',
+        data: promptData.prompt,
+      }));
+    }
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  setupCaptureListener();
+  createCaptureButton('Mistral');
+  setTimeout(injectPrompt, 1500);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/openprompt-site.ts

@@ -0,0 +1,120 @@
+// OpenPrompt Website Content Script
+// This script runs on the OpenPrompt website to enable communication with the extension
+
+interface OpenInMessage {
+  type: 'OPEN_IN_AI';
+  prompt: string;
+  title?: string;
+  platform?: string;
+}
+
+// Helper to check if extension context is still valid
+function isExtensionContextValid(): boolean {
+  try {
+    // This will throw if context is invalidated
+    return !!chrome.runtime?.id;
+  } catch {
+    return false;
+  }
+}
+
+// Safely call chrome APIs with error handling
+async function safeStorageSet(data: Record<string, unknown>): Promise<boolean> {
+  try {
+    if (!isExtensionContextValid()) return false;
+    await chrome.storage.local.set(data);
+    return true;
+  } catch (error) {
+    console.warn('[OpenPrompt Extension] Storage error (extension may need reload):', error);
+    return false;
+  }
+}
+
+function safeSendMessage(message: unknown): void {
+  try {
+    if (!isExtensionContextValid()) return;
+    chrome.runtime.sendMessage(message);
+  } catch (error) {
+    console.warn('[OpenPrompt Extension] Message error (extension may need reload):', error);
+  }
+}
+
+// Listen for messages from the website
+window.addEventListener('message', async (event) => {
+  // Only accept messages from the same origin
+  if (event.origin !== window.location.origin) {
+    return;
+  }
+
+  const message = event.data as OpenInMessage;
+
+  if (message.type === 'OPEN_IN_AI') {
+    console.log('[OpenPrompt Extension] Received prompt from website:', message);
+
+    // Check if extension context is still valid
+    if (!isExtensionContextValid()) {
+      console.warn('[OpenPrompt Extension] Extension context invalidated. Please refresh the page.');
+      window.postMessage({
+        type: 'OPEN_IN_AI_RECEIVED',
+        success: false,
+        error: 'Extension needs to be reloaded. Please refresh the page.',
+      }, '*');
+      return;
+    }
+
+    // Store the prompt for the popup or direct injection
+    await safeStorageSet({
+      pendingPrompt: {
+        prompt: message.prompt,
+        title: message.title,
+        timestamp: Date.now(),
+      }
+    });
+
+    // If a specific platform is requested, open it directly
+    if (message.platform) {
+      const platforms: Record<string, string> = {
+        chatgpt: 'https://chatgpt.com',
+        claude: 'https://claude.ai',
+        gemini: 'https://gemini.google.com',
+        perplexity: 'https://www.perplexity.ai',
+        mistral: 'https://chat.mistral.ai',
+        copilot: 'https://copilot.microsoft.com',
+      };
+
+      const url = platforms[message.platform];
+      if (url) {
+        await safeStorageSet({
+          promptToInject: {
+            prompt: message.prompt,
+            platform: message.platform,
+            timestamp: Date.now(),
+          }
+        });
+
+        safeSendMessage({
+          type: 'OPEN_TAB',
+          url: url,
+        });
+      }
+    } else {
+      // Open the extension popup to let user choose
+      safeSendMessage({ type: 'OPEN_POPUP' });
+    }
+
+    // Send confirmation back to the website
+    window.postMessage({
+      type: 'OPEN_IN_AI_RECEIVED',
+      success: true,
+    }, '*');
+  }
+});
+
+// Inject a script to add the extension detection
+// We use postMessage instead of inline script to avoid CSP issues
+window.postMessage({ type: 'OPENPROMPT_EXTENSION_READY' }, '*');
+
+// Also set a data attribute on the body
+document.body.setAttribute('data-openprompt-extension', 'true');
+
+console.log('[OpenPrompt Extension] Content script loaded on OpenPrompt website');

openprompt-extension/src/content-scripts/perplexity.ts

@@ -0,0 +1,83 @@
+// Perplexity Content Script
+import { 
+  getPromptToInject, 
+  clearPromptToInject, 
+  waitForElement,
+  showNotification,
+  setupCaptureListener,
+  createCaptureButton
+} from './utils';
+
+async function injectPrompt(): Promise<void> {
+  const promptData = await getPromptToInject();
+  
+  if (!promptData || promptData.platform !== 'perplexity') {
+    return;
+  }
+
+  console.log('[OpenPrompt] Injecting prompt into Perplexity...');
+
+  // Perplexity uses a textarea
+  const textareaSelector = 'textarea[placeholder*="Ask"], textarea';
+  const textarea = await waitForElement(textareaSelector, 15000);
+  
+  if (!textarea) {
+    console.error('[OpenPrompt] Could not find Perplexity textarea');
+    showNotification('Could not find input field. Please try again.', 'error');
+    return;
+  }
+
+  try {
+    const element = textarea as HTMLTextAreaElement;
+    
+    // Focus and set value
+    element.focus();
+    element.value = promptData.prompt;
+    
+    // Dispatch events for React
+    element.dispatchEvent(new Event('input', { bubbles: true }));
+    element.dispatchEvent(new Event('change', { bubbles: true }));
+    
+    // For React synthetic events
+    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+      HTMLTextAreaElement.prototype,
+      'value'
+    )?.set;
+    
+    if (nativeInputValueSetter) {
+      nativeInputValueSetter.call(element, promptData.prompt);
+      element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+
+    // Clear the pending prompt
+    await clearPromptToInject();
+    
+    showNotification('✓ Prompt loaded! Press Enter to send.');
+    console.log('[OpenPrompt] Prompt injected successfully');
+  } catch (error) {
+    console.error('[OpenPrompt] Error injecting prompt:', error);
+    showNotification('Failed to inject prompt. Please try again.', 'error');
+  }
+}
+
+// Initialize
+function init(): void {
+  setupCaptureListener();
+  createCaptureButton('Perplexity');
+  setTimeout(injectPrompt, 1500);
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', init);
+} else {
+  init();
+}
+
+// Listen for messages from the extension
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type === 'INJECT_PROMPT') {
+    injectPrompt().then(() => sendResponse({ success: true }));
+    return true;
+  }
+});

openprompt-extension/src/content-scripts/utils.ts

@@ -0,0 +1,258 @@
+// Shared utilities for content scripts
+
+export interface PromptToInject {
+  prompt: string;
+  platform: string;
+  timestamp: number;
+}
+
+export async function getPromptToInject(): Promise<PromptToInject | null> {
+  return new Promise((resolve) => {
+    chrome.storage.local.get(['promptToInject'], (result) => {
+      if (result.promptToInject) {
+        // Check if prompt is recent (within last 30 seconds)
+        const isRecent = Date.now() - result.promptToInject.timestamp < 30000;
+        if (isRecent) {
+          resolve(result.promptToInject);
+        } else {
+          // Clear stale prompt
+          chrome.storage.local.remove('promptToInject');
+          resolve(null);
+        }
+      } else {
+        resolve(null);
+      }
+    });
+  });
+}
+
+export async function clearPromptToInject(): Promise<void> {
+  return new Promise((resolve) => {
+    chrome.storage.local.remove('promptToInject', () => resolve());
+  });
+}
+
+export function waitForElement(
+  selector: string, 
+  timeout = 10000
+): Promise<Element | null> {
+  return new Promise((resolve) => {
+    const element = document.querySelector(selector);
+    if (element) {
+      resolve(element);
+      return;
+    }
+
+    const observer = new MutationObserver(() => {
+      const element = document.querySelector(selector);
+      if (element) {
+        observer.disconnect();
+        resolve(element);
+      }
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+
+    setTimeout(() => {
+      observer.disconnect();
+      resolve(null);
+    }, timeout);
+  });
+}
+
+export function simulateInput(element: HTMLElement, text: string): void {
+  // For contenteditable elements
+  if (element.getAttribute('contenteditable') === 'true') {
+    element.focus();
+    element.innerHTML = '';
+    
+    // Use execCommand for better compatibility
+    document.execCommand('insertText', false, text);
+    
+    // Dispatch input event
+    element.dispatchEvent(new InputEvent('input', {
+      bubbles: true,
+      cancelable: true,
+      inputType: 'insertText',
+      data: text,
+    }));
+  } 
+  // For textarea/input elements
+  else if (element instanceof HTMLTextAreaElement || element instanceof HTMLInputElement) {
+    element.focus();
+    element.value = text;
+    
+    // Dispatch events to trigger React state updates
+    element.dispatchEvent(new Event('input', { bubbles: true }));
+    element.dispatchEvent(new Event('change', { bubbles: true }));
+    
+    // For React 17+ synthetic events
+    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+      element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype,
+      'value'
+    )?.set;
+    
+    if (nativeInputValueSetter) {
+      nativeInputValueSetter.call(element, text);
+      element.dispatchEvent(new Event('input', { bubbles: true }));
+    }
+  }
+}
+
+export function showNotification(message: string, type: 'success' | 'error' = 'success'): void {
+  const notification = document.createElement('div');
+  notification.style.cssText = `
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    padding: 12px 20px;
+    border-radius: 8px;
+    background: ${type === 'success' ? 'linear-gradient(135deg, #10b981, #059669)' : 'linear-gradient(135deg, #ef4444, #dc2626)'};
+    color: white;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    z-index: 999999;
+    animation: slideIn 0.3s ease;
+  `;
+  
+  notification.textContent = message;
+  
+  // Add animation keyframes
+  const style = document.createElement('style');
+  style.textContent = `
+    @keyframes slideIn {
+      from {
+        transform: translateX(100%);
+        opacity: 0;
+      }
+      to {
+        transform: translateX(0);
+        opacity: 1;
+      }
+    }
+  `;
+  document.head.appendChild(style);
+  document.body.appendChild(notification);
+  
+  setTimeout(() => {
+    notification.style.animation = 'slideIn 0.3s ease reverse';
+    setTimeout(() => {
+      notification.remove();
+      style.remove();
+    }, 300);
+  }, 3000);
+}
+
+// Capture selected text
+export function getSelectedText(): string {
+  const selection = window.getSelection();
+  return selection ? selection.toString().trim() : '';
+}
+
+// Handle capture selection command from background
+export function setupCaptureListener(): void {
+  chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+    if (message.type === 'CAPTURE_SELECTION') {
+      const text = getSelectedText();
+      if (text) {
+        chrome.runtime.sendMessage({
+          type: 'CAPTURE_PROMPT',
+          text,
+          title: document.title,
+        }).then(() => {
+          showNotification('✓ Prompt captured!');
+        }).catch(() => {
+          showNotification('Failed to capture prompt', 'error');
+        });
+      } else {
+        showNotification('No text selected', 'error');
+      }
+      sendResponse({ success: true });
+      return true;
+    }
+    
+    if (message.type === 'SHOW_NOTIFICATION') {
+      showNotification(message.message, message.type || 'success');
+      sendResponse({ success: true });
+      return true;
+    }
+  });
+}
+
+// Create floating capture button for AI chat pages
+export function createCaptureButton(platform: string): void {
+  // Remove existing button
+  const existing = document.getElementById('openprompt-capture-btn');
+  if (existing) existing.remove();
+  
+  const button = document.createElement('button');
+  button.id = 'openprompt-capture-btn';
+  button.innerHTML = `
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+      <polyline points="17 21 17 13 7 13 7 21"/>
+      <polyline points="7 3 7 8 15 8"/>
+    </svg>
+    <span>Save to OpenPrompt</span>
+  `;
+  button.style.cssText = `
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    display: none;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    border: none;
+    border-radius: 8px;
+    background: linear-gradient(135deg, #9333ea, #db2777);
+    color: white;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.4);
+    z-index: 999998;
+    transition: transform 0.2s, box-shadow 0.2s;
+  `;
+  
+  button.addEventListener('mouseenter', () => {
+    button.style.transform = 'scale(1.05)';
+    button.style.boxShadow = '0 6px 16px rgba(147, 51, 234, 0.5)';
+  });
+  
+  button.addEventListener('mouseleave', () => {
+    button.style.transform = 'scale(1)';
+    button.style.boxShadow = '0 4px 12px rgba(147, 51, 234, 0.4)';
+  });
+  
+  button.addEventListener('click', () => {
+    const text = getSelectedText();
+    if (text) {
+      chrome.runtime.sendMessage({
+        type: 'CAPTURE_PROMPT',
+        text,
+        title: `Captured from ${platform}`,
+      }).then(() => {
+        showNotification('✓ Prompt saved to OpenPrompt!');
+      }).catch(() => {
+        showNotification('Failed to save prompt', 'error');
+      });
+    } else {
+      showNotification('Select text to capture', 'error');
+    }
+  });
+  
+  document.body.appendChild(button);
+  
+  // Show/hide based on selection
+  document.addEventListener('selectionchange', () => {
+    const text = getSelectedText();
+    button.style.display = text.length > 10 ? 'flex' : 'none';
+  });
+}

openprompt-extension/src/popup/App.tsx

@@ -0,0 +1,743 @@
+import { useState, useEffect, useMemo } from 'react';
+import { 
+  Sparkles, 
+  ExternalLink, 
+  Settings, 
+  History, 
+  Copy,
+  Check,
+  ChevronRight,
+  Zap,
+  Search,
+  BarChart3,
+  Send,
+  Layers,
+  X,
+  Keyboard,
+  Save,
+  Bot,
+  Brain,
+  Wind,
+  Rocket,
+  FileText
+} from 'lucide-react';
+
+const API_BASE = 'https://open-prompt.netlify.app';
+// const API_BASE = 'http://localhost:3000'; // For development
+
+// Icon components for platforms
+const PlatformIcons: Record<string, typeof Bot> = {
+  chatgpt: Bot,
+  claude: Brain,
+  gemini: Sparkles,
+  perplexity: Search,
+  mistral: Wind,
+  copilot: Rocket,
+};
+
+// Supported AI platforms
+const AI_PLATFORMS = [
+  {
+    id: 'chatgpt',
+    name: 'ChatGPT',
+    url: 'https://chatgpt.com',
+    color: 'from-green-500 to-emerald-600',
+    bgColor: 'bg-green-500/10',
+    borderColor: 'border-green-500/30',
+  },
+  {
+    id: 'claude',
+    name: 'Claude',
+    url: 'https://claude.ai',
+    color: 'from-orange-500 to-amber-600',
+    bgColor: 'bg-orange-500/10',
+    borderColor: 'border-orange-500/30',
+  },
+  {
+    id: 'gemini',
+    name: 'Gemini',
+    url: 'https://gemini.google.com',
+    color: 'from-blue-500 to-indigo-600',
+    bgColor: 'bg-blue-500/10',
+    borderColor: 'border-blue-500/30',
+  },
+  {
+    id: 'perplexity',
+    name: 'Perplexity',
+    url: 'https://www.perplexity.ai',
+    color: 'from-cyan-500 to-teal-600',
+    bgColor: 'bg-cyan-500/10',
+    borderColor: 'border-cyan-500/30',
+  },
+  {
+    id: 'mistral',
+    name: 'Mistral',
+    url: 'https://chat.mistral.ai',
+    color: 'from-purple-500 to-violet-600',
+    bgColor: 'bg-purple-500/10',
+    borderColor: 'border-purple-500/30',
+  },
+  {
+    id: 'copilot',
+    name: 'Copilot',
+    url: 'https://copilot.microsoft.com',
+    color: 'from-sky-500 to-blue-600',
+    bgColor: 'bg-sky-500/10',
+    borderColor: 'border-sky-500/30',
+  },
+];
+
+interface PendingPrompt {
+  prompt: string;
+  title?: string;
+  promptId?: string;
+  timestamp: number;
+}
+
+interface RecentPrompt {
+  prompt: string;
+  title?: string;
+  platform: string;
+  timestamp: number;
+}
+
+interface CapturedPrompt {
+  id: string;
+  text: string;
+  title?: string;
+  platform: string;
+  createdAt: string;
+}
+
+interface Analytics {
+  stats: { action: string; count: number }[];
+  platformStats: { platform: string; count: number }[];
+}
+
+type TabType = 'main' | 'settings' | 'analytics' | 'search' | 'captured';
+
+// Helper to get platform icon component
+const getPlatformIcon = (platformId: string, className: string = "h-5 w-5") => {
+  const IconComponent = PlatformIcons[platformId] || FileText;
+  return <IconComponent className={className} />;
+};
+
+function App() {
+  const [pendingPrompt, setPendingPrompt] = useState<PendingPrompt | null>(null);
+  const [recentPrompts, setRecentPrompts] = useState<RecentPrompt[]>([]);
+  const [capturedPrompts, setCapturedPrompts] = useState<CapturedPrompt[]>([]);
+  const [defaultPlatform, setDefaultPlatform] = useState('chatgpt');
+  const [activeTab, setActiveTab] = useState<TabType>('main');
+  const [copied, setCopied] = useState(false);
+  const [sending, setSending] = useState<string | null>(null);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [analytics, setAnalytics] = useState<Analytics | null>(null);
+  const [broadcastMode, setBroadcastMode] = useState(false);
+  const [selectedPlatforms, setSelectedPlatforms] = useState<string[]>([]);
+
+  useEffect(() => {
+    // Load data from storage
+    chrome.storage.local.get(['pendingPrompt', 'recentPrompts', 'defaultPlatform', 'deviceId'], (result) => {
+      if (result.pendingPrompt) {
+        setPendingPrompt(result.pendingPrompt);
+      }
+      if (result.recentPrompts) {
+        setRecentPrompts(result.recentPrompts.slice(0, 10));
+      }
+      if (result.defaultPlatform) {
+        setDefaultPlatform(result.defaultPlatform);
+      }
+      
+      // Fetch analytics and captured prompts
+      if (result.deviceId) {
+        fetchAnalytics(result.deviceId);
+        fetchCapturedPrompts(result.deviceId);
+      }
+    });
+  }, []);
+
+  const fetchAnalytics = async (deviceId: string) => {
+    try {
+      const response = await fetch(`${API_BASE}/api/extension/analytics?deviceId=${deviceId}`);
+      if (response.ok) {
+        const data = await response.json();
+        setAnalytics(data);
+      }
+    } catch (error) {
+      console.error('Failed to fetch analytics:', error);
+    }
+  };
+
+  const fetchCapturedPrompts = async (deviceId: string) => {
+    try {
+      const response = await fetch(`${API_BASE}/api/extension/capture?deviceId=${deviceId}&limit=10`);
+      if (response.ok) {
+        const data = await response.json();
+        setCapturedPrompts(data.captured || []);
+      }
+    } catch (error) {
+      console.error('Failed to fetch captured prompts:', error);
+    }
+  };
+
+  // Fuzzy search through recent prompts
+  const filteredPrompts = useMemo(() => {
+    if (!searchQuery.trim()) return recentPrompts;
+    
+    const query = searchQuery.toLowerCase();
+    return recentPrompts.filter(p => 
+      p.title?.toLowerCase().includes(query) ||
+      p.prompt.toLowerCase().includes(query)
+    );
+  }, [searchQuery, recentPrompts]);
+
+  const handleOpenIn = async (platformId: string) => {
+    if (!pendingPrompt) return;
+    
+    setSending(platformId);
+    const platform = AI_PLATFORMS.find(p => p.id === platformId);
+    if (!platform) return;
+
+    // Save to recent prompts
+    const newRecent: RecentPrompt = {
+      prompt: pendingPrompt.prompt,
+      title: pendingPrompt.title,
+      platform: platformId,
+      timestamp: Date.now(),
+    };
+    
+    const updatedRecents = [newRecent, ...recentPrompts.filter(r => 
+      r.prompt !== pendingPrompt.prompt || r.platform !== platformId
+    )].slice(0, 10);
+    
+    await chrome.storage.local.set({ recentPrompts: updatedRecents });
+    setRecentPrompts(updatedRecents);
+
+    // Store prompt for the content script to pick up
+    await chrome.storage.local.set({
+      promptToInject: {
+        prompt: pendingPrompt.prompt,
+        platform: platformId,
+        timestamp: Date.now(),
+      }
+    });
+
+    // Track analytics
+    chrome.runtime.sendMessage({
+      type: 'TRACK_ANALYTICS',
+      data: {
+        action: 'inject',
+        platform: platformId,
+        promptId: pendingPrompt.promptId,
+        promptTitle: pendingPrompt.title,
+      }
+    });
+
+    // Open the platform in a new tab
+    chrome.tabs.create({ url: platform.url }, () => {
+      setSending(null);
+      chrome.storage.local.remove('pendingPrompt');
+      setPendingPrompt(null);
+    });
+  };
+
+  const handleBroadcast = async () => {
+    if (!pendingPrompt || selectedPlatforms.length === 0) return;
+    
+    setSending('broadcast');
+    
+    // Track analytics
+    chrome.runtime.sendMessage({
+      type: 'TRACK_ANALYTICS',
+      data: {
+        action: 'broadcast',
+        platforms: selectedPlatforms,
+        promptTitle: pendingPrompt.title,
+      }
+    });
+
+    // Send broadcast message
+    chrome.runtime.sendMessage({
+      type: 'BROADCAST_PROMPT',
+      prompt: pendingPrompt.prompt,
+      platforms: selectedPlatforms,
+    }, () => {
+      setSending(null);
+      setBroadcastMode(false);
+      setSelectedPlatforms([]);
+      chrome.storage.local.remove('pendingPrompt');
+      setPendingPrompt(null);
+    });
+  };
+
+  const togglePlatformSelection = (platformId: string) => {
+    setSelectedPlatforms(prev => 
+      prev.includes(platformId) 
+        ? prev.filter(p => p !== platformId)
+        : [...prev, platformId]
+    );
+  };
+
+  const handleCopyPrompt = () => {
+    if (!pendingPrompt) return;
+    navigator.clipboard.writeText(pendingPrompt.prompt);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
+
+  const handleSetDefault = (platformId: string) => {
+    setDefaultPlatform(platformId);
+    chrome.storage.local.set({ defaultPlatform: platformId });
+  };
+
+  const handleReopenPrompt = async (recent: RecentPrompt) => {
+    const platform = AI_PLATFORMS.find(p => p.id === recent.platform);
+    if (!platform) return;
+
+    await chrome.storage.local.set({
+      promptToInject: {
+        prompt: recent.prompt,
+        platform: recent.platform,
+        timestamp: Date.now(),
+      }
+    });
+
+    chrome.tabs.create({ url: platform.url });
+  };
+
+  const handleUseCaptured = async (captured: CapturedPrompt) => {
+    setPendingPrompt({
+      prompt: captured.text,
+      title: captured.title || `From ${captured.platform}`,
+      timestamp: Date.now(),
+    });
+    setActiveTab('main');
+  };
+
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case 'settings':
+        return (
+          <div className="space-y-4">
+            <h2 className="text-sm font-medium text-gray-300">Default Platform</h2>
+            <div className="space-y-2">
+              {AI_PLATFORMS.map((platform) => (
+                <button
+                  key={platform.id}
+                  onClick={() => handleSetDefault(platform.id)}
+                  className={`w-full flex items-center gap-3 p-3 rounded-lg border transition-all ${
+                    defaultPlatform === platform.id
+                      ? `${platform.bgColor} ${platform.borderColor}`
+                      : 'border-white/10 hover:border-white/20 hover:bg-white/5'
+                  }`}
+                >
+                  {getPlatformIcon(platform.id, "h-5 w-5")}
+                  <span className="flex-1 text-left text-sm font-medium">{platform.name}</span>
+                  {defaultPlatform === platform.id && (
+                    <Check className="h-4 w-4 text-green-400" />
+                  )}
+                </button>
+              ))}
+            </div>
+            
+            <div className="pt-4 border-t border-white/10">
+              <h3 className="text-sm font-medium text-gray-300 mb-3 flex items-center gap-2">
+                <Keyboard className="h-4 w-4" />
+                Keyboard Shortcuts
+              </h3>
+              <div className="space-y-2 text-xs text-gray-400">
+                <div className="flex justify-between">
+                  <span>Open Popup</span>
+                  <kbd className="px-2 py-1 bg-white/10 rounded">Ctrl+Shift+O</kbd>
+                </div>
+                <div className="flex justify-between">
+                  <span>Quick Search</span>
+                  <kbd className="px-2 py-1 bg-white/10 rounded">Ctrl+Shift+P</kbd>
+                </div>
+                <div className="flex justify-between">
+                  <span>Capture Selection</span>
+                  <kbd className="px-2 py-1 bg-white/10 rounded">Ctrl+Shift+S</kbd>
+                </div>
+              </div>
+            </div>
+          </div>
+        );
+      
+      case 'analytics':
+        return (
+          <div className="space-y-4">
+            <h2 className="text-sm font-medium text-gray-300 flex items-center gap-2">
+              <BarChart3 className="h-4 w-4" />
+              Your Usage Stats
+            </h2>
+            
+            {analytics ? (
+              <>
+                <div className="grid grid-cols-2 gap-3">
+                  {analytics.stats.map(stat => (
+                    <div key={stat.action} className="p-3 rounded-lg bg-white/5 border border-white/10">
+                      <div className="text-2xl font-bold text-purple-400">{stat.count}</div>
+                      <div className="text-xs text-gray-400 capitalize">{stat.action}s</div>
+                    </div>
+                  ))}
+                </div>
+                
+                <h3 className="text-sm font-medium text-gray-300 mt-4">By Platform</h3>
+                <div className="space-y-2">
+                  {analytics.platformStats.map(stat => {
+                    const platform = AI_PLATFORMS.find(p => p.id === stat.platform);
+                    return (
+                      <div key={stat.platform} className="flex items-center gap-3 p-2 rounded-lg bg-white/5">
+                        {getPlatformIcon(stat.platform)}
+                        <span className="flex-1 text-sm">{platform?.name || stat.platform}</span>
+                        <span className="text-sm font-semibold text-purple-400">{stat.count}</span>
+                      </div>
+                    );
+                  })}
+                </div>
+              </>
+            ) : (
+              <div className="text-center py-8 text-gray-500">
+                <BarChart3 className="h-12 w-12 mx-auto mb-3 opacity-50" />
+                <p>No usage data yet</p>
+                <p className="text-xs mt-1">Start using prompts to see stats</p>
+              </div>
+            )}
+          </div>
+        );
+      
+      case 'search':
+        return (
+          <div className="space-y-4">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500" />
+              <input
+                type="text"
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                placeholder="Search your prompts..."
+                className="w-full pl-10 pr-4 py-2 rounded-lg bg-white/10 border border-white/20 text-sm focus:outline-none focus:ring-2 focus:ring-purple-500"
+                autoFocus
+              />
+            </div>
+            
+            <div className="space-y-2">
+              {filteredPrompts.length > 0 ? (
+                filteredPrompts.map((prompt, index) => (
+                    <button
+                      key={index}
+                      onClick={() => handleReopenPrompt(prompt)}
+                      className="w-full flex items-center gap-3 p-3 rounded-lg border border-white/10 hover:border-white/20 hover:bg-white/5 transition-all text-left"
+                    >
+                      {getPlatformIcon(prompt.platform)}
+                      <div className="flex-1 min-w-0">
+                        <p className="text-sm font-medium truncate">
+                          {prompt.title || 'Untitled Prompt'}
+                        </p>
+                        <p className="text-xs text-gray-500 truncate">
+                          {prompt.prompt.slice(0, 50)}...
+                        </p>
+                      </div>
+                      <ChevronRight className="h-4 w-4 text-gray-500" />
+                    </button>
+                  ))
+              ) : (
+                <div className="text-center py-8 text-gray-500">
+                  <Search className="h-12 w-12 mx-auto mb-3 opacity-50" />
+                  <p>No matching prompts</p>
+                </div>
+              )}
+            </div>
+          </div>
+        );
+      
+      case 'captured':
+        return (
+          <div className="space-y-4">
+            <h2 className="text-sm font-medium text-gray-300 flex items-center gap-2">
+              <Save className="h-4 w-4" />
+              Captured Prompts
+            </h2>
+            
+            {capturedPrompts.length > 0 ? (
+              <div className="space-y-2">
+                {capturedPrompts.map((captured) => (
+                    <button
+                      key={captured.id}
+                      onClick={() => handleUseCaptured(captured)}
+                      className="w-full flex items-center gap-3 p-3 rounded-lg border border-white/10 hover:border-white/20 hover:bg-white/5 transition-all text-left"
+                    >
+                      {getPlatformIcon(captured.platform)}
+                      <div className="flex-1 min-w-0">
+                        <p className="text-sm font-medium truncate">
+                          {captured.title || `From ${captured.platform}`}
+                        </p>
+                        <p className="text-xs text-gray-500 truncate">
+                          {captured.text.slice(0, 50)}...
+                        </p>
+                      </div>
+                      <ChevronRight className="h-4 w-4 text-gray-500" />
+                    </button>
+                  ))}
+              </div>
+            ) : (
+              <div className="text-center py-8 text-gray-500">
+                <Save className="h-12 w-12 mx-auto mb-3 opacity-50" />
+                <p>No captured prompts yet</p>
+                <p className="text-xs mt-1">Select text in any AI chat and use Ctrl+Shift+S</p>
+              </div>
+            )}
+          </div>
+        );
+      
+      default:
+        // Main view
+        if (pendingPrompt) {
+          return (
+            <div className="space-y-4">
+              <div className="p-3 rounded-lg bg-white/5 border border-white/10">
+                <div className="flex items-start justify-between gap-2 mb-2">
+                  <h3 className="text-sm font-medium text-purple-300">
+                    {pendingPrompt.title || 'Prompt Ready'}
+                  </h3>
+                  <button
+                    onClick={handleCopyPrompt}
+                    className="p-1.5 rounded hover:bg-white/10 transition-colors"
+                    title="Copy prompt"
+                  >
+                    {copied ? (
+                      <Check className="h-3.5 w-3.5 text-green-400" />
+                    ) : (
+                      <Copy className="h-3.5 w-3.5 text-gray-400" />
+                    )}
+                  </button>
+                </div>
+                <p className="text-xs text-gray-400 line-clamp-3">
+                  {pendingPrompt.prompt}
+                </p>
+              </div>
+
+              {broadcastMode ? (
+                <>
+                  <div className="flex items-center justify-between">
+                    <h2 className="text-sm font-medium text-gray-300 flex items-center gap-2">
+                      <Layers className="h-4 w-4 text-yellow-400" />
+                      Broadcast to Multiple
+                    </h2>
+                    <button
+                      onClick={() => {
+                        setBroadcastMode(false);
+                        setSelectedPlatforms([]);
+                      }}
+                      className="p-1 rounded hover:bg-white/10"
+                    >
+                      <X className="h-4 w-4 text-gray-400" />
+                    </button>
+                  </div>
+                  
+                  <div className="grid grid-cols-2 gap-2">
+                    {AI_PLATFORMS.map((platform) => (
+                      <button
+                        key={platform.id}
+                        onClick={() => togglePlatformSelection(platform.id)}
+                        className={`flex items-center gap-2 p-3 rounded-lg border transition-all ${
+                          selectedPlatforms.includes(platform.id)
+                            ? `${platform.bgColor} ${platform.borderColor}`
+                            : 'border-white/10 hover:border-white/20'
+                        }`}
+                      >
+                        {getPlatformIcon(platform.id)}
+                        <span className="text-sm font-medium">{platform.name}</span>
+                        {selectedPlatforms.includes(platform.id) && (
+                          <Check className="ml-auto h-4 w-4 text-green-400" />
+                        )}
+                      </button>
+                    ))}
+                  </div>
+                  
+                  <button
+                    onClick={handleBroadcast}
+                    disabled={selectedPlatforms.length === 0 || sending === 'broadcast'}
+                    className="w-full py-3 px-4 rounded-lg bg-gradient-to-r from-yellow-600 to-orange-600 hover:from-yellow-700 hover:to-orange-700 disabled:opacity-50 transition-colors text-sm font-medium flex items-center justify-center gap-2"
+                  >
+                    {sending === 'broadcast' ? (
+                      <div className="h-4 w-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                    ) : (
+                      <>
+                        <Send className="h-4 w-4" />
+                        Send to {selectedPlatforms.length} Platform{selectedPlatforms.length !== 1 ? 's' : ''}
+                      </>
+                    )}
+                  </button>
+                </>
+              ) : (
+                <>
+                  <div className="flex items-center justify-between">
+                    <h2 className="text-sm font-medium text-gray-300 flex items-center gap-2">
+                      <Zap className="h-4 w-4 text-yellow-400" />
+                      Open in...
+                    </h2>
+                    <button
+                      onClick={() => setBroadcastMode(true)}
+                      className="text-xs text-purple-400 hover:text-purple-300 flex items-center gap-1"
+                    >
+                      <Layers className="h-3 w-3" />
+                      Broadcast
+                    </button>
+                  </div>
+                  
+                  <div className="grid grid-cols-2 gap-2">
+                    {AI_PLATFORMS.map((platform) => (
+                      <button
+                        key={platform.id}
+                        onClick={() => handleOpenIn(platform.id)}
+                        disabled={sending !== null}
+                        className={`flex items-center gap-2 p-3 rounded-lg border transition-all ${
+                          platform.bgColor
+                        } ${platform.borderColor} hover:scale-[1.02] active:scale-[0.98] disabled:opacity-50`}
+                      >
+                        {getPlatformIcon(platform.id)}
+                        <span className="text-sm font-medium">{platform.name}</span>
+                        {sending === platform.id ? (
+                          <div className="ml-auto h-4 w-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                        ) : (
+                          <ExternalLink className="ml-auto h-3.5 w-3.5 opacity-50" />
+                        )}
+                      </button>
+                    ))}
+                  </div>
+                </>
+              )}
+            </div>
+          );
+        }
+
+        // No pending prompt
+        return (
+          <div className="space-y-4">
+            <div className="text-center py-6">
+              <div className="inline-flex items-center justify-center h-14 w-14 rounded-2xl bg-gradient-to-br from-purple-500/20 to-pink-500/20 border border-purple-500/30 mb-3">
+                <Sparkles className="h-7 w-7 text-purple-400" />
+              </div>
+              <h2 className="text-base font-medium mb-1">No Prompt Selected</h2>
+              <p className="text-xs text-gray-400 max-w-[280px] mx-auto">
+                Visit OpenPrompt and click "Open In..." on any prompt to send it to your favorite AI chat.
+              </p>
+            </div>
+
+            {recentPrompts.length > 0 && (
+              <div>
+                <h3 className="text-sm font-medium text-gray-300 flex items-center gap-2 mb-3">
+                  <History className="h-4 w-4" />
+                  Recent Prompts
+                </h3>
+                <div className="space-y-2">
+                  {recentPrompts.slice(0, 3).map((recent, index) => (
+                      <button
+                        key={index}
+                        onClick={() => handleReopenPrompt(recent)}
+                        className="w-full flex items-center gap-3 p-3 rounded-lg border border-white/10 hover:border-white/20 hover:bg-white/5 transition-all text-left"
+                      >
+                        {getPlatformIcon(recent.platform)}
+                        <div className="flex-1 min-w-0">
+                          <p className="text-sm font-medium truncate">
+                            {recent.title || 'Untitled Prompt'}
+                          </p>
+                          <p className="text-xs text-gray-500 truncate">
+                            {recent.prompt.slice(0, 50)}...
+                          </p>
+                        </div>
+                        <ChevronRight className="h-4 w-4 text-gray-500" />
+                      </button>
+                    ))}
+                </div>
+              </div>
+            )}
+
+            <a
+              href={API_BASE}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="block w-full py-3 px-4 rounded-lg bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-colors text-center text-sm font-medium"
+            >
+              Browse Prompts on OpenPrompt
+              <ExternalLink className="inline-block ml-2 h-3.5 w-3.5" />
+            </a>
+          </div>
+        );
+    }
+  };
+
+  return (
+    <div className="w-[360px] min-h-[480px] flex flex-col bg-[#0f0f14]">
+      {/* Header */}
+      <header className="p-4 border-b border-white/10">
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center">
+              <Sparkles className="h-4 w-4 text-white" />
+            </div>
+            <div>
+              <h1 className="font-semibold text-white">OpenPrompt</h1>
+              <p className="text-xs text-gray-400">Open in AI</p>
+            </div>
+          </div>
+          
+          {/* Tab buttons */}
+          <div className="flex items-center gap-1">
+            <button 
+              onClick={() => setActiveTab('search')}
+              className={`p-2 rounded-lg transition-colors ${activeTab === 'search' ? 'bg-white/20' : 'hover:bg-white/10'}`}
+              title="Search"
+            >
+              <Search className="h-4 w-4 text-gray-400" />
+            </button>
+            <button 
+              onClick={() => setActiveTab('captured')}
+              className={`p-2 rounded-lg transition-colors ${activeTab === 'captured' ? 'bg-white/20' : 'hover:bg-white/10'}`}
+              title="Captured Prompts"
+            >
+              <Save className="h-4 w-4 text-gray-400" />
+            </button>
+            <button 
+              onClick={() => setActiveTab('analytics')}
+              className={`p-2 rounded-lg transition-colors ${activeTab === 'analytics' ? 'bg-white/20' : 'hover:bg-white/10'}`}
+              title="Analytics"
+            >
+              <BarChart3 className="h-4 w-4 text-gray-400" />
+            </button>
+            <button 
+              onClick={() => setActiveTab('settings')}
+              className={`p-2 rounded-lg transition-colors ${activeTab === 'settings' ? 'bg-white/20' : 'hover:bg-white/10'}`}
+              title="Settings"
+            >
+              <Settings className="h-4 w-4 text-gray-400" />
+            </button>
+          </div>
+        </div>
+      </header>
+
+      {/* Main Content */}
+      <main className="flex-1 p-4 overflow-y-auto">
+        {activeTab !== 'main' && (
+          <button
+            onClick={() => setActiveTab('main')}
+            className="mb-4 text-sm text-purple-400 hover:text-purple-300 flex items-center gap-1"
+          >
+            ← Back
+          </button>
+        )}
+        {renderTabContent()}
+      </main>
+
+      {/* Footer */}
+      <footer className="p-3 border-t border-white/10 text-center">
+        <p className="text-xs text-gray-500">
+          OpenPrompt Extension v1.1.0
+        </p>
+      </footer>
+    </div>
+  );
+}
+
+export default App;

openprompt-extension/src/popup/index.css

@@ -0,0 +1,34 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  width: 360px;
+  min-height: 480px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);
+  color: #fff;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(168, 85, 247, 0.4);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(168, 85, 247, 0.6);
+}

openprompt-extension/src/popup/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

openprompt-extension/tailwind.config.js

@@ -0,0 +1,26 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./popup.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#faf5ff',
+          100: '#f3e8ff',
+          200: '#e9d5ff',
+          300: '#d8b4fe',
+          400: '#c084fc',
+          500: '#a855f7',
+          600: '#9333ea',
+          700: '#7c3aed',
+          800: '#6b21a8',
+          900: '#581c87',
+        },
+      },
+    },
+  },
+  plugins: [],
+}

openprompt-extension/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "types": ["chrome"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

openprompt-extension/vite.config.ts

@@ -0,0 +1,63 @@
+import { defineConfig, build } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+
+// Custom plugin to build content scripts as IIFE after main build
+function buildContentScriptsPlugin() {
+  return {
+    name: 'build-content-scripts',
+    async closeBundle() {
+      const contentScripts = [
+        'chatgpt',
+        'claude',
+        'gemini',
+        'perplexity',
+        'mistral',
+        'copilot',
+        'openprompt-site',
+      ];
+
+      for (const script of contentScripts) {
+        await build({
+          configFile: false,
+          build: {
+            outDir: 'dist/content-scripts',
+            emptyOutDir: false,
+            lib: {
+              entry: resolve(__dirname, `src/content-scripts/${script}.ts`),
+              name: script,
+              fileName: () => `${script}.js`,
+              formats: ['iife'],
+            },
+            rollupOptions: {
+              output: {
+                extend: true,
+              },
+            },
+          },
+        });
+      }
+    },
+  };
+}
+
+export default defineConfig({
+  plugins: [react(), buildContentScriptsPlugin()],
+  build: {
+    outDir: 'dist',
+    rollupOptions: {
+      input: {
+        popup: resolve(__dirname, 'popup.html'),
+        background: resolve(__dirname, 'src/background/index.ts'),
+      },
+      output: {
+        entryFileNames: '[name].js',
+        assetFileNames: 'assets/[name].[ext]',
+        format: 'es',
+      },
+    },
+    emptyOutDir: true,
+    sourcemap: process.env.NODE_ENV === 'development',
+  },
+  publicDir: 'public',
+});

package.json

@@ -0,0 +1,81 @@
+{
+  "name": "openprompt",
+  "version": "0.1.0",
+  "private": true,
+  "author": {
+    "name": "Anky9972",
+    "url": "https://github.com/Anky9972"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Anky9972/open-prompt.git"
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "prisma generate && next build",
+    "postinstall": "prisma generate",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "^2.0.54",
+    "@ai-sdk/google": "^2.0.45",
+    "@ai-sdk/openai": "^2.0.80",
+    "@ai-sdk/react": "^2.0.109",
+    "@hookform/resolvers": "^5.2.2",
+    "@neondatabase/serverless": "^1.0.2",
+    "@prisma/adapter-neon": "^7.1.0",
+    "@prisma/adapter-pg": "^7.1.0",
+    "@prisma/client": "^7.1.0",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.4.2",
+    "@stackframe/stack": "^2.8.56",
+    "@stackframe/stack-shared": "^2.8.56",
+    "@stripe/stripe-js": "^9.4.0",
+    "@studio-freight/lenis": "^1.0.42",
+    "@types/three": "^0.182.0",
+    "@upstash/redis": "^1.35.8",
+    "ai": "^5.0.108",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.23.26",
+    "lucide-react": "^0.559.0",
+    "nanoid": "^5.1.6",
+    "next": "16.0.8",
+    "next-themes": "^0.4.6",
+    "pg": "^8.16.3",
+    "prisma": "^7.1.0",
+    "qrcode.react": "^4.2.0",
+    "radix-ui": "^1.4.3",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "react-hook-form": "^7.68.0",
+    "react-icons": "^5.5.0",
+    "react-markdown": "^10.1.0",
+    "recharts": "^3.5.1",
+    "stripe": "^22.1.0",
+    "tailwind-merge": "^3.4.0",
+    "three": "^0.182.0",
+    "zod": "^4.1.13",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.8",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  }
+}

postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

prisma.config.ts

@@ -0,0 +1,14 @@
+// This file was generated by Prisma and assumes you have installed the following:
+// npm install --save-dev prisma dotenv
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+});

prisma/schema.prisma

@@ -0,0 +1,760 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider  = "postgresql"
+}
+
+model User {
+  id            String    @id @default(cuid())
+  email         String    @unique
+  name          String?
+  username      String?   @unique
+  image         String?
+  bio           String?
+  rank          String?   @default("bronze") // bronze, silver, gold, verified
+  totalRuns     Int       @default(0)
+  totalStars    Int       @default(0)
+  totalRemixes  Int       @default(0)
+  socialLinks   Json?
+  
+  // Notification preferences
+  notifyEmail   Boolean   @default(true)
+  notifyStars   Boolean   @default(true)
+  notifyRemixes Boolean   @default(true)
+  
+  // Stripe / Billing
+  stripeCustomerId       String?   @unique
+  stripePlan             String    @default("free") // free, pro
+  stripeSubscriptionId   String?   @unique
+  stripeSubscriptionStatus String? // active, canceled, past_due, etc.
+  
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  
+  prompts       Prompt[]
+  stars         Star[]
+  runs          Run[]
+  collections   Collection[]
+  comments      Comment[]
+  commentLikes  CommentLike[]
+  imagePrompts  ImagePrompt[]
+  imageVotes    ImagePromptVote[]
+  characters    Character[]
+  characterVotes CharacterVote[]
+  workflows     Workflow[]      @relation("WorkflowCreator")
+  forumPosts    ForumPost[]
+  forumReplies  ForumReply[]
+  notifications Notification[]  @relation("NotificationReceiver")
+  followers     Follow[]        @relation("Following")
+  following     Follow[]        @relation("Follower")
+  subscription  Subscription?
+  purchases     PromptPurchase[]
+}
+
+model Prompt {
+  id            String    @id @default(cuid())
+  slug          String    @unique
+  title         String
+  description   String?
+  template      String    @db.Text
+  schema        Json      @default("{\"variables\":[]}")
+  
+  category      String?
+  tags          String[]
+  visibility    String    @default("public") // public, unlisted, private
+  
+  modelDefault  String    @default("gpt-4o-mini")
+  modelAllowed  String[]  @default(["gpt-4o-mini", "gpt-4o", "claude-3-5-sonnet"])
+  maxTokens     Int       @default(2048)
+  
+  totalRuns     Int       @default(0)
+  starsCount    Int       @default(0)
+  remixesCount  Int       @default(0)
+  
+  // Tier 3 fields
+  framework     String?   // RACE, CARE, APE, etc.
+  badges        String[]  @default([]) // Auto-calculated quality badges
+  
+  // Version tracking
+  currentVersion Int       @default(1)
+  
+  // Premium marketplace
+  isPremium     Boolean   @default(false)  // Is this a paid prompt?
+  price         Int?                       // Price in cents (e.g., 299 = $2.99)
+  
+  creatorId     String?
+  creator       User?     @relation(fields: [creatorId], references: [id])
+  
+  parentId      String?
+  parent        Prompt?   @relation("Remixes", fields: [parentId], references: [id])
+  remixes       Prompt[]  @relation("Remixes")
+  
+  stars         Star[]
+  runs          Run[]
+  savedRuns     SavedPromptRun[]
+  collections   CollectionPrompt[]
+  comments      Comment[]
+  versions      PromptVersion[]
+  purchases     PromptPurchase[] @relation("PremiumPurchases")
+  
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+
+  @@index([slug])
+  @@index([creatorId])
+  @@index([category])
+  @@index([visibility])
+}
+
+model Star {
+  userId    String
+  promptId  String
+  user      User    @relation(fields: [userId], references: [id], onDelete: Cascade)
+  prompt    Prompt  @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  createdAt DateTime @default(now())
+  
+  @@id([userId, promptId])
+}
+
+model Run {
+  id        String   @id @default(cuid())
+  promptId  String
+  userId    String?
+  model     String
+  tokens    Int?
+  cached    Boolean  @default(false)
+  ipHash    String?
+  prompt    Prompt   @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  user      User?    @relation(fields: [userId], references: [id])
+  createdAt DateTime @default(now())
+
+  @@index([promptId])
+  @@index([userId])
+}
+
+model Collection {
+  id          String   @id @default(cuid())
+  name        String
+  description String?
+  userId      String
+  user        User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  prompts     CollectionPrompt[]
+  isPublic    Boolean  @default(false)
+  viewCount   Int      @default(0)
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  
+  @@index([userId])
+  @@index([isPublic])
+}
+
+model CollectionPrompt {
+  collectionId String
+  promptId     String
+  collection   Collection @relation(fields: [collectionId], references: [id], onDelete: Cascade)
+  prompt       Prompt    @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  addedAt      DateTime  @default(now())
+  
+  @@id([collectionId, promptId])
+  @@index([collectionId])
+  @@index([promptId])
+}
+
+model Workflow {
+  id          String   @id @default(cuid())
+  slug        String   @unique
+  name        String
+  description String?
+  steps       Json     // Array of workflow steps
+  variables   Json?    // Input variables for the workflow
+  
+  visibility  String   @default("private") // public, unlisted, private
+  
+  totalRuns   Int      @default(0)
+  starsCount  Int      @default(0)
+  
+  creatorId   String?
+  creator     User?    @relation("WorkflowCreator", fields: [creatorId], references: [id])
+  
+  runs        WorkflowRun[]
+  
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  
+  @@index([slug])
+  @@index([creatorId])
+  @@index([visibility])
+}
+
+model WorkflowRun {
+  id          String   @id @default(cuid())
+  
+  workflowId  String
+  workflow    Workflow @relation(fields: [workflowId], references: [id], onDelete: Cascade)
+  
+  userId      String?  // Who ran it
+  
+  name        String?  // Optional name for the run (user can name it)
+  
+  variables   Json?    // The variable values used for this run
+  outputs     Json     // Array of step outputs
+  model       String   // Model used for the run
+  
+  createdAt   DateTime @default(now())
+  
+  @@index([workflowId])
+  @@index([userId])
+}
+
+// Saved prompt execution results
+model SavedPromptRun {
+  id          String   @id @default(cuid())
+  
+  promptId    String
+  prompt      Prompt   @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  
+  userId      String?
+  
+  name        String?
+  variables   Json?    // Variable values used
+  output      String   @db.Text  // The AI output
+  model       String
+  
+  createdAt   DateTime @default(now())
+  
+  @@index([promptId])
+  @@index([userId])
+}
+
+// Saved AI tool execution results
+model SavedToolRun {
+  id          String   @id @default(cuid())
+  
+  toolSlug    String   // Tool identifier (no relation, tools are static)
+  
+  userId      String?
+  
+  name        String?
+  inputs      Json?    // Input values used
+  output      String   @db.Text  // The AI output
+  model       String
+  
+  createdAt   DateTime @default(now())
+  
+  @@index([toolSlug])
+  @@index([userId])
+}
+
+// Saved model comparison results (Thunderdome / Performance)
+model SavedComparison {
+  id          String   @id @default(cuid())
+  
+  type        String   // "thunderdome" or "performance"
+  
+  userId      String?
+  
+  name        String?
+  prompt      String   @db.Text  // The prompt used
+  results     Json     // Array of model results with outputs
+  winner      String?  // Winning model (for thunderdome)
+  
+  createdAt   DateTime @default(now())
+  
+  @@index([userId])
+  @@index([type])
+}
+
+// ============================================
+// NEW FEATURES - December 2025
+// ============================================
+
+// Comments on prompts (threaded discussions)
+model Comment {
+  id          String    @id @default(cuid())
+  content     String    @db.Text
+  
+  promptId    String
+  prompt      Prompt    @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  
+  userId      String
+  user        User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  parentId    String?   // For threaded replies
+  parent      Comment?  @relation("CommentReplies", fields: [parentId], references: [id], onDelete: Cascade)
+  replies     Comment[] @relation("CommentReplies")
+  
+  // Per-user like tracking (replaces plain Int to prevent spam)
+  commentLikes CommentLike[]
+  likesCount   Int       @default(0) // Denormalized count for quick display
+  
+  createdAt   DateTime  @default(now())
+  updatedAt   DateTime  @updatedAt
+  
+  @@index([promptId])
+  @@index([userId])
+  @@index([parentId])
+}
+
+// Per-user comment likes — prevents duplicate/spam likes
+model CommentLike {
+  commentId String
+  comment   Comment  @relation(fields: [commentId], references: [id], onDelete: Cascade)
+  
+  userId    String
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  createdAt DateTime @default(now())
+  
+  @@id([commentId, userId])
+  @@index([commentId])
+  @@index([userId])
+}
+
+// Image Generation Prompts (Midjourney, DALL-E, Stable Diffusion, FLUX)
+model ImagePrompt {
+  id              String    @id @default(cuid())
+  slug            String    @unique
+  title           String
+  description     String?
+  
+  // The actual prompt text
+  prompt          String    @db.Text
+  negativePrompt  String?   @db.Text  // For SD/FLUX
+  
+  // Target model
+  model           String    // midjourney, dalle, stable-diffusion, flux, leonardo
+  modelVersion    String?   // v6.1, SDXL, FLUX.1-dev, etc.
+  
+  // Image settings
+  aspectRatio     String?   // 16:9, 1:1, 9:16, etc.
+  style           String?   // photorealistic, anime, cartoon, etc.
+  
+  // Generated image preview (URL)
+  previewImage    String?
+  gallery         String[]  @default([]) // Multiple generated images
+  
+  // Metadata
+  category        String?   // portrait, landscape, abstract, etc.
+  tags            String[]
+  visibility      String    @default("public")
+  
+  // Stats
+  totalUses       Int       @default(0)
+  votesCount      Int       @default(0)
+  savesCount      Int       @default(0)
+  
+  creatorId       String?
+  creator         User?     @relation(fields: [creatorId], references: [id])
+  
+  votes           ImagePromptVote[]
+  
+  createdAt       DateTime  @default(now())
+  updatedAt       DateTime  @updatedAt
+  
+  @@index([slug])
+  @@index([model])
+  @@index([creatorId])
+  @@index([category])
+}
+
+// Votes for image prompts
+model ImagePromptVote {
+  id            String      @id @default(cuid())
+  
+  imagePromptId String
+  imagePrompt   ImagePrompt @relation(fields: [imagePromptId], references: [id], onDelete: Cascade)
+  
+  userId        String
+  user          User        @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  value         Int         @default(1) // 1 for upvote, -1 for downvote
+  
+  createdAt     DateTime    @default(now())
+  
+  @@unique([imagePromptId, userId])
+  @@index([imagePromptId])
+  @@index([userId])
+}
+
+// Character/Persona System
+model Character {
+  id              String    @id @default(cuid())
+  slug            String    @unique
+  name            String
+  description     String?   @db.Text
+  
+  // Persona definition
+  personality     String    @db.Text  // Character's personality traits
+  background      String?   @db.Text  // Character's backstory
+  systemPrompt    String    @db.Text  // The actual system prompt
+  
+  // Visual representation
+  avatar          String?   // URL to avatar image
+  style           String?   // anime, realistic, cartoon, etc.
+  
+  // Metadata
+  category        String?   // assistant, roleplay, educational, etc.
+  tags            String[]
+  visibility      String    @default("public")
+  
+  // Conversation settings
+  responseStyle   String?   // formal, casual, playful, etc.
+  temperature     Float     @default(0.7)
+  
+  // Stats
+  totalChats      Int       @default(0)
+  votesCount      Int       @default(0)
+  savesCount      Int       @default(0)
+  
+  creatorId       String?
+  creator         User?     @relation(fields: [creatorId], references: [id])
+  
+  votes           CharacterVote[]
+  
+  createdAt       DateTime  @default(now())
+  updatedAt       DateTime  @updatedAt
+  
+  @@index([slug])
+  @@index([creatorId])
+  @@index([category])
+}
+
+// Votes for characters
+model CharacterVote {
+  id          String    @id @default(cuid())
+  
+  characterId String
+  character   Character @relation(fields: [characterId], references: [id], onDelete: Cascade)
+  
+  userId      String
+  user        User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  value       Int       @default(1)
+  
+  createdAt   DateTime  @default(now())
+  
+  @@unique([characterId, userId])
+  @@index([characterId])
+  @@index([userId])
+}
+
+// Engagement metrics tracking
+model EngagementMetric {
+  id          String    @id @default(cuid())
+  
+  // What was engaged with
+  targetType  String    // prompt, imagePrompt, character, workflow
+  targetId    String
+  
+  // Type of engagement
+  action      String    // view, use, save, share, copy
+  
+  userId      String?   // Null for anonymous
+  ipHash      String?   // For anonymous tracking
+  
+  createdAt   DateTime  @default(now())
+  
+  @@index([targetType, targetId])
+  @@index([action])
+  @@index([createdAt])
+}
+
+// Extension Analytics - tracks prompt usage from extension
+model ExtensionAnalytics {
+  id          String    @id @default(cuid())
+  
+  // User tracking
+  userId      String?   // Null for anonymous users
+  deviceId    String    // Unique device identifier from extension
+  
+  // What action was taken
+  action      String    // inject, capture, broadcast, shortcut_use, context_menu
+  
+  // Platform info
+  platform    String    // chatgpt, claude, gemini, etc.
+  platforms   String[]  @default([]) // For broadcast (multiple platforms)
+  
+  // Prompt info (optional - for inject/capture)
+  promptId    String?   // If from OpenPrompt library
+  promptTitle String?
+  promptText  String?   @db.Text // For captured prompts
+  
+  // Source info
+  source      String    @default("extension") // extension, website
+  
+  // Metadata
+  metadata    Json?     // Additional data like shortcut used, etc.
+  
+  createdAt   DateTime  @default(now())
+  
+  @@index([userId])
+  @@index([deviceId])
+  @@index([action])
+  @@index([platform])
+  @@index([createdAt])
+}
+
+// Captured prompts from AI chats (saved by users via extension)
+model CapturedPrompt {
+  id          String    @id @default(cuid())
+  
+  userId      String?
+  deviceId    String
+  
+  title       String?
+  text        String    @db.Text
+  
+  platform    String    // Where it was captured from
+  url         String?   // Original URL
+  
+  // If saved to library
+  savedToLibrary Boolean @default(false)
+  promptId    String?   // If converted to a Prompt
+  
+  tags        String[]  @default([])
+  
+  createdAt   DateTime  @default(now())
+  
+  @@index([userId])
+  @@index([deviceId])
+  @@index([platform])
+  @@index([createdAt])
+}
+
+// ============================================
+// COMMUNITY FEATURES - December 2025
+// ============================================
+
+// Forum Posts (Community Q&A)
+model ForumPost {
+  id          String       @id @default(cuid())
+  title       String
+  content     String       @db.Text
+  category    String       // general, help, showcase, feature-request, tips
+  
+  userId      String
+  user        User         @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  replies     ForumReply[]
+  
+  views       Int          @default(0)
+  likes       Int          @default(0)
+  isPinned    Boolean      @default(false)
+  isClosed    Boolean      @default(false)
+  
+  createdAt   DateTime     @default(now())
+  updatedAt   DateTime     @updatedAt
+  
+  @@index([userId])
+  @@index([category])
+  @@index([createdAt])
+}
+
+// Forum Replies
+model ForumReply {
+  id          String     @id @default(cuid())
+  content     String     @db.Text
+  
+  postId      String
+  post        ForumPost  @relation(fields: [postId], references: [id], onDelete: Cascade)
+  
+  userId      String
+  user        User       @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  parentId    String?    // For nested replies
+  
+  likes       Int        @default(0)
+  isAccepted  Boolean    @default(false)
+  
+  createdAt   DateTime   @default(now())
+  updatedAt   DateTime   @updatedAt
+  
+  @@index([postId])
+  @@index([userId])
+  @@index([parentId])
+}
+
+// User Conversations (Messaging)
+model Conversation {
+  id           String    @id @default(cuid())
+  
+  participant1 String
+  participant2 String
+  
+  messages     Message[]
+  
+  lastMessage  String?   @db.Text
+  lastActivity DateTime  @default(now())
+  
+  createdAt    DateTime  @default(now())
+  
+  @@unique([participant1, participant2])
+  @@index([participant1])
+  @@index([participant2])
+  @@index([lastActivity])
+}
+
+// Direct Messages
+model Message {
+  id             String       @id @default(cuid())
+  content        String       @db.Text
+  
+  senderId       String
+  
+  conversationId String
+  conversation   Conversation @relation(fields: [conversationId], references: [id], onDelete: Cascade)
+  
+  isRead         Boolean      @default(false)
+  
+  createdAt      DateTime     @default(now())
+  
+  @@index([conversationId])
+  @@index([senderId])
+  @@index([createdAt])
+}
+
+// Character Memory (Persistent context)
+model CharacterMemory {
+  id             String    @id @default(cuid())
+  
+  characterId    String
+  userId         String
+  
+  contextSummary String?   @db.Text
+  recentMessages Json      @default("[]")
+  userFacts      Json      @default("[]")
+  messageCount   Int       @default(0)
+  
+  createdAt      DateTime  @default(now())
+  updatedAt      DateTime  @updatedAt
+  
+  @@unique([characterId, userId])
+  @@index([characterId])
+  @@index([userId])
+}
+
+// ============================================
+// NEW FEATURES - Follow & Notifications
+// ============================================
+
+// Follow system for creators
+model Follow {
+  id          String   @id @default(cuid())
+  
+  followerId  String
+  follower    User     @relation("Follower", fields: [followerId], references: [id], onDelete: Cascade)
+  
+  followingId String
+  following   User     @relation("Following", fields: [followingId], references: [id], onDelete: Cascade)
+  
+  createdAt   DateTime @default(now())
+  
+  @@unique([followerId, followingId])
+  @@index([followerId])
+  @@index([followingId])
+}
+
+// Notification system
+model Notification {
+  id          String    @id @default(cuid())
+  
+  userId      String    // Who receives the notification
+  user        User      @relation("NotificationReceiver", fields: [userId], references: [id], onDelete: Cascade)
+  
+  type        String    // star, remix, comment, follow, mention
+  title       String
+  message     String?
+  
+  // What triggered the notification
+  actorId     String?   // Who performed the action
+  targetType  String?   // prompt, workflow, comment, etc.
+  targetId    String?
+  targetSlug  String?   // For linking
+  
+  isRead      Boolean   @default(false)
+  
+  createdAt   DateTime  @default(now())
+  
+  @@index([userId, isRead])
+  @@index([userId, createdAt])
+}
+
+// Prompt version history
+model PromptVersion {
+  id          String   @id @default(cuid())
+  
+  promptId    String
+  prompt      Prompt   @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  
+  version     Int      @default(1)
+  title       String
+  template    String   @db.Text
+  schema      Json     @default("{\"variables\":[]}")
+  changeNote  String?  // What changed
+  
+  createdAt   DateTime @default(now())
+  
+  @@index([promptId])
+  @@index([promptId, version])
+}
+
+// ============================================
+// BILLING — Stripe Integration
+// ============================================
+
+// Active subscription record (one per user)
+model Subscription {
+  id                     String    @id @default(cuid())
+  
+  userId                 String    @unique
+  user                   User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  // Stripe identifiers
+  stripeCustomerId       String    @unique
+  stripeSubscriptionId   String    @unique
+  stripePriceId          String
+  
+  // Plan info
+  plan                   String    @default("pro") // pro, enterprise
+  status                 String    // active, canceled, past_due, trialing, unpaid
+  
+  // Billing cycle
+  currentPeriodStart     DateTime
+  currentPeriodEnd       DateTime
+  cancelAtPeriodEnd      Boolean   @default(false)
+  canceledAt             DateTime?
+  
+  createdAt              DateTime  @default(now())
+  updatedAt              DateTime  @updatedAt
+  
+  @@index([userId])
+  @@index([stripeSubscriptionId])
+}
+
+// Records when a user purchases a premium prompt
+model PromptPurchase {
+  id                   String   @id @default(cuid())
+  
+  userId               String
+  user                 User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  
+  promptId             String
+  prompt               Prompt   @relation("PremiumPurchases", fields: [promptId], references: [id], onDelete: Cascade)
+  
+  // Payment info
+  amount               Int      // in cents
+  currency             String   @default("usd")
+  stripePaymentIntentId String  @unique
+  
+  // Creator payout (80% to creator)
+  creatorPayout        Int      // 80% of amount in cents
+  creatorPaid          Boolean  @default(false)
+  
+  createdAt            DateTime @default(now())
+  
+  @@unique([userId, promptId]) // One purchase per user per prompt
+  @@index([userId])
+  @@index([promptId])
+}

prisma/seed-more.ts

@@ -0,0 +1,128 @@
+import { Pool } from 'pg'
+import { PrismaPg } from '@prisma/adapter-pg'
+import { PrismaClient } from '@prisma/client'
+import 'dotenv/config'
+
+const connectionString = process.env.DATABASE_URL
+if (!connectionString) throw new Error('DATABASE_URL not set')
+
+const pool = new Pool({ connectionString })
+const adapter = new PrismaPg(pool)
+const prisma = new PrismaClient({ adapter })
+
+const morePrompts = [
+    // ============ CONTENT (10 more) ============
+    { slug: 'newsletter-writer', title: 'Newsletter Writer Pro', description: 'Create engaging email newsletters that get opened and read.', category: 'Content', template: 'Write a {{frequency}} newsletter about {{topic}} for {{audience}}.\n\nInclude:\n- Catchy subject line\n- Personal intro\n- 3 main sections\n- CTA\n- P.S. line', schema: { variables: [{ name: 'topic', type: 'text', label: 'Newsletter Topic', required: true }, { name: 'frequency', type: 'dropdown', label: 'Frequency', options: ['Weekly', 'Monthly', 'Daily'] }, { name: 'audience', type: 'text', label: 'Target Audience' }] }, tags: ['newsletter', 'email'], totalRuns: 4532, starsCount: 312 },
+    { slug: 'linkedin-post', title: 'LinkedIn Post Generator', description: 'Create viral LinkedIn posts that build your personal brand.', category: 'Content', template: 'Write a LinkedIn post about {{topic}}.\n\nStyle: {{style}}\nInclude hook, story, lesson, CTA.\nUse line breaks for readability.\nAdd relevant emojis.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Post Topic', required: true }, { name: 'style', type: 'dropdown', label: 'Style', options: ['Story', 'Tips', 'Hot Take', 'Celebration', 'Question'] }] }, tags: ['linkedin', 'social-media'], totalRuns: 7654, starsCount: 543 },
+    { slug: 'product-description', title: 'E-Commerce Product Description', description: 'Write product descriptions that convert browsers to buyers.', category: 'Content', template: 'Write a product description for:\n\nProduct: {{product}}\nPrice: {{price}}\nTarget Customer: {{customer}}\n\nInclude features, benefits, social proof elements, and urgency.', schema: { variables: [{ name: 'product', type: 'text', label: 'Product Name', required: true }, { name: 'price', type: 'text', label: 'Price' }, { name: 'customer', type: 'text', label: 'Target Customer' }] }, tags: ['ecommerce', 'product'], totalRuns: 8765, starsCount: 654 },
+    { slug: 'podcast-outline', title: 'Podcast Episode Outline', description: 'Plan engaging podcast episodes with structured outlines.', category: 'Content', template: 'Create a podcast outline for:\n\nTopic: {{topic}}\nDuration: {{duration}} minutes\nFormat: {{format}}\n\nInclude intro hook, main segments, key talking points, and outro.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Episode Topic', required: true }, { name: 'duration', type: 'dropdown', label: 'Duration', options: ['15', '30', '45', '60'] }, { name: 'format', type: 'dropdown', label: 'Format', options: ['Solo', 'Interview', 'Co-hosted', 'Panel'] }] }, tags: ['podcast', 'audio'], totalRuns: 3456, starsCount: 234 },
+    { slug: 'press-release', title: 'Press Release Generator', description: 'Write professional press releases for announcements.', category: 'Content', template: 'Write a press release for:\n\nCompany: {{company}}\nAnnouncement: {{announcement}}\nQuote from: {{spokesperson}}\n\nFollow AP style, include headline, dateline, boilerplate.', schema: { variables: [{ name: 'company', type: 'text', label: 'Company Name', required: true }, { name: 'announcement', type: 'textarea', label: 'Announcement', required: true }, { name: 'spokesperson', type: 'text', label: 'Spokesperson Name' }] }, tags: ['pr', 'press'], totalRuns: 2345, starsCount: 187 },
+    { slug: 'case-study', title: 'Case Study Writer', description: 'Create compelling case studies that showcase results.', category: 'Content', template: 'Write a case study about:\n\nClient: {{client}}\nChallenge: {{challenge}}\nSolution: {{solution}}\nResults: {{results}}\n\nFormat with Problem, Solution, Results sections.', schema: { variables: [{ name: 'client', type: 'text', label: 'Client/Company', required: true }, { name: 'challenge', type: 'textarea', label: 'Challenge', required: true }, { name: 'solution', type: 'textarea', label: 'Solution' }, { name: 'results', type: 'textarea', label: 'Results' }] }, tags: ['case-study', 'marketing'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'faq-generator', title: 'FAQ Generator', description: 'Generate comprehensive FAQs for products or services.', category: 'Content', template: 'Generate {{count}} FAQs for:\n\nProduct/Service: {{product}}\nTarget Audience: {{audience}}\n\nInclude common questions and detailed, helpful answers.', schema: { variables: [{ name: 'product', type: 'text', label: 'Product/Service', required: true }, { name: 'count', type: 'dropdown', label: 'Number of FAQs', options: ['5', '10', '15', '20'] }, { name: 'audience', type: 'text', label: 'Target Audience' }] }, tags: ['faq', 'support'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'meta-description', title: 'SEO Meta Description Writer', description: 'Write click-worthy meta descriptions for better CTR.', category: 'Content', template: 'Write 3 meta description variations for:\n\nPage: {{page}}\nKeyword: {{keyword}}\nTarget Length: 155 characters\n\nMake them compelling with CTAs.', schema: { variables: [{ name: 'page', type: 'text', label: 'Page Description', required: true }, { name: 'keyword', type: 'text', label: 'Target Keyword', required: true }] }, tags: ['seo', 'meta'], totalRuns: 8765, starsCount: 567 },
+    { slug: 'book-summary', title: 'Book Summary Generator', description: 'Create comprehensive book summaries with key takeaways.', category: 'Content', template: 'Summarize the book "{{book}}" by {{author}}.\n\nInclude:\n- Overview\n- Key concepts\n- Main takeaways\n- Who should read it\n- Best quotes', schema: { variables: [{ name: 'book', type: 'text', label: 'Book Title', required: true }, { name: 'author', type: 'text', label: 'Author' }] }, tags: ['books', 'summary'], totalRuns: 6543, starsCount: 456 },
+    { slug: 'caption-writer', title: 'Instagram Caption Writer', description: 'Write engaging Instagram captions with hashtags.', category: 'Content', template: 'Write an Instagram caption for:\n\nPhoto/Video: {{content}}\nBrand Voice: {{voice}}\nGoal: {{goal}}\n\nInclude emojis, call-to-action, and 10-15 relevant hashtags.', schema: { variables: [{ name: 'content', type: 'text', label: 'Content Description', required: true }, { name: 'voice', type: 'dropdown', label: 'Brand Voice', options: ['Professional', 'Fun', 'Inspirational', 'Educational'] }, { name: 'goal', type: 'dropdown', label: 'Goal', options: ['Engagement', 'Sales', 'Brand Awareness', 'Traffic'] }] }, tags: ['instagram', 'social-media', 'captions'], totalRuns: 9876, starsCount: 765 },
+
+    // ============ DEVELOPMENT (10 more) ============
+    { slug: 'unit-test-writer', title: 'Unit Test Generator', description: 'Generate comprehensive unit tests for your code.', category: 'Development', template: 'Write unit tests for this {{language}} code:\n\n```{{language}}\n{{code}}\n```\n\nFramework: {{framework}}\n\nInclude edge cases, error handling, and mocks.', schema: { variables: [{ name: 'language', type: 'dropdown', label: 'Language', options: ['JavaScript', 'TypeScript', 'Python', 'Java', 'Go'], required: true }, { name: 'code', type: 'textarea', label: 'Code to Test', required: true }, { name: 'framework', type: 'text', label: 'Test Framework', placeholder: 'e.g., Jest, pytest' }] }, tags: ['testing', 'unit-tests'], totalRuns: 7654, starsCount: 543 },
+    { slug: 'sql-query-builder', title: 'SQL Query Builder', description: 'Generate optimized SQL queries from natural language.', category: 'Development', template: 'Generate a SQL query for:\n\n{{request}}\n\nDatabase: {{database}}\nTables: {{tables}}\n\nOptimize for performance and include comments.', schema: { variables: [{ name: 'request', type: 'textarea', label: 'What do you need?', required: true }, { name: 'database', type: 'dropdown', label: 'Database', options: ['PostgreSQL', 'MySQL', 'SQLite', 'SQL Server'] }, { name: 'tables', type: 'textarea', label: 'Table Schemas' }] }, tags: ['sql', 'database'], totalRuns: 8765, starsCount: 654 },
+    { slug: 'git-commit-message', title: 'Git Commit Message Generator', description: 'Write conventional, descriptive commit messages.', category: 'Development', template: 'Write a git commit message for these changes:\n\n{{changes}}\n\nStyle: {{style}}\n\nFollow conventional commits format.', schema: { variables: [{ name: 'changes', type: 'textarea', label: 'Describe your changes', required: true }, { name: 'style', type: 'dropdown', label: 'Style', options: ['Conventional Commits', 'Detailed', 'Brief'] }] }, tags: ['git', 'commits'], totalRuns: 12345, starsCount: 876 },
+    { slug: 'dockerfile-generator', title: 'Dockerfile Generator', description: 'Create optimized Dockerfiles for your applications.', category: 'Development', template: 'Create a Dockerfile for:\n\nApp Type: {{appType}}\nBase Image: {{base}}\nRequirements: {{requirements}}\n\nOptimize for size and security.', schema: { variables: [{ name: 'appType', type: 'dropdown', label: 'Application Type', options: ['Node.js', 'Python', 'Go', 'Java', 'Rust', 'Multi-stage'], required: true }, { name: 'base', type: 'text', label: 'Base Image', placeholder: 'e.g., node:20-alpine' }, { name: 'requirements', type: 'textarea', label: 'Additional Requirements' }] }, tags: ['docker', 'devops'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'error-debugger', title: 'Error Message Debugger', description: 'Debug error messages and get solutions.', category: 'Development', template: 'Help me debug this error:\n\n```\n{{error}}\n```\n\nContext: {{context}}\nLanguage/Framework: {{language}}\n\nExplain the cause and provide solutions.', schema: { variables: [{ name: 'error', type: 'textarea', label: 'Error Message', required: true }, { name: 'context', type: 'textarea', label: 'What were you doing?' }, { name: 'language', type: 'text', label: 'Language/Framework' }] }, tags: ['debugging', 'errors'], totalRuns: 15678, starsCount: 1234 },
+    { slug: 'api-request-builder', title: 'API Request Builder', description: 'Generate API requests in multiple languages.', category: 'Development', template: 'Generate API request code for:\n\nEndpoint: {{endpoint}}\nMethod: {{method}}\nHeaders: {{headers}}\nBody: {{body}}\n\nLanguages: {{languages}}', schema: { variables: [{ name: 'endpoint', type: 'text', label: 'API Endpoint', required: true }, { name: 'method', type: 'dropdown', label: 'Method', options: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH'] }, { name: 'headers', type: 'textarea', label: 'Headers (JSON)' }, { name: 'body', type: 'textarea', label: 'Request Body' }, { name: 'languages', type: 'text', label: 'Languages', default: 'JavaScript, Python, cURL' }] }, tags: ['api', 'http'], totalRuns: 6789, starsCount: 543 },
+    { slug: 'readme-generator', title: 'README.md Generator', description: 'Create professional README files for your projects.', category: 'Development', template: 'Generate a README.md for:\n\nProject: {{project}}\nDescription: {{description}}\nTech Stack: {{tech}}\nFeatures: {{features}}\n\nInclude badges, installation, usage, contributing.', schema: { variables: [{ name: 'project', type: 'text', label: 'Project Name', required: true }, { name: 'description', type: 'textarea', label: 'Description', required: true }, { name: 'tech', type: 'text', label: 'Tech Stack' }, { name: 'features', type: 'textarea', label: 'Key Features' }] }, tags: ['readme', 'documentation'], totalRuns: 9876, starsCount: 765 },
+    { slug: 'cron-expression', title: 'Cron Expression Generator', description: 'Generate cron expressions from natural language.', category: 'Development', template: 'Generate a cron expression for:\n\n{{schedule}}\n\nProvide:\n- Cron expression\n- Explanation of each field\n- Example run times', schema: { variables: [{ name: 'schedule', type: 'text', label: 'Schedule Description', placeholder: 'e.g., Every Monday at 9 AM', required: true }] }, tags: ['cron', 'scheduling'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'shell-script', title: 'Shell Script Generator', description: 'Generate bash/shell scripts for automation.', category: 'Development', template: 'Write a shell script to:\n\n{{task}}\n\nOS: {{os}}\nShell: {{shell}}\n\nInclude error handling and comments.', schema: { variables: [{ name: 'task', type: 'textarea', label: 'What should the script do?', required: true }, { name: 'os', type: 'dropdown', label: 'Operating System', options: ['Linux', 'macOS', 'Windows (PowerShell)'] }, { name: 'shell', type: 'dropdown', label: 'Shell', options: ['bash', 'zsh', 'sh', 'PowerShell'] }] }, tags: ['bash', 'automation', 'scripts'], totalRuns: 7890, starsCount: 567 },
+    { slug: 'prisma-schema', title: 'Prisma Schema Generator', description: 'Generate Prisma schemas from requirements.', category: 'Development', template: 'Generate a Prisma schema for:\n\n{{requirements}}\n\nDatabase: {{database}}\n\nInclude relations, indexes, and enums as needed.', schema: { variables: [{ name: 'requirements', type: 'textarea', label: 'Describe your data model', required: true }, { name: 'database', type: 'dropdown', label: 'Database', options: ['PostgreSQL', 'MySQL', 'SQLite', 'MongoDB'] }] }, tags: ['prisma', 'database', 'orm'], totalRuns: 3456, starsCount: 234 },
+
+    // ============ MARKETING (8 more) ============
+    { slug: 'email-sequence', title: 'Email Sequence Creator', description: 'Create automated email sequences that convert.', category: 'Marketing', template: 'Create a {{emails}}-email sequence for:\n\nGoal: {{goal}}\nProduct: {{product}}\nAudience: {{audience}}\n\nInclude subject lines, preview text, and body for each.', schema: { variables: [{ name: 'emails', type: 'dropdown', label: 'Number of Emails', options: ['3', '5', '7', '10'], required: true }, { name: 'goal', type: 'dropdown', label: 'Sequence Goal', options: ['Welcome', 'Sales', 'Onboarding', 'Re-engagement'] }, { name: 'product', type: 'text', label: 'Product/Service' }, { name: 'audience', type: 'text', label: 'Target Audience' }] }, tags: ['email-marketing', 'automation'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'seo-keywords', title: 'SEO Keyword Research', description: 'Generate keyword ideas with search intent analysis.', category: 'Marketing', template: 'Generate keyword ideas for:\n\nTopic: {{topic}}\nNiche: {{niche}}\n\nFor each keyword, include:\n- Search intent\n- Difficulty estimate\n- Content type recommendation', schema: { variables: [{ name: 'topic', type: 'text', label: 'Main Topic', required: true }, { name: 'niche', type: 'text', label: 'Industry/Niche' }] }, tags: ['seo', 'keywords'], totalRuns: 7654, starsCount: 543 },
+    { slug: 'ab-test-ideas', title: 'A/B Test Ideas Generator', description: 'Generate A/B test hypotheses to improve conversion.', category: 'Marketing', template: 'Generate A/B test ideas for:\n\nPage Type: {{page}}\nCurrent Conversion Rate: {{rate}}\nGoal: {{goal}}\n\nFor each test, include hypothesis, expected impact, and how to measure.', schema: { variables: [{ name: 'page', type: 'dropdown', label: 'Page Type', options: ['Landing Page', 'Checkout', 'Pricing', 'Homepage', 'Product Page'], required: true }, { name: 'rate', type: 'text', label: 'Current Conversion Rate' }, { name: 'goal', type: 'text', label: 'Improvement Goal' }] }, tags: ['ab-testing', 'cro'], totalRuns: 3456, starsCount: 234 },
+    { slug: 'brand-voice', title: 'Brand Voice Guidelines', description: 'Define your brand voice and communication style.', category: 'Marketing', template: 'Create brand voice guidelines for:\n\nBrand: {{brand}}\nIndustry: {{industry}}\nTarget Audience: {{audience}}\nPersonality: {{personality}}\n\nInclude dos, don\'ts, and examples.', schema: { variables: [{ name: 'brand', type: 'text', label: 'Brand Name', required: true }, { name: 'industry', type: 'text', label: 'Industry' }, { name: 'audience', type: 'text', label: 'Target Audience' }, { name: 'personality', type: 'text', label: 'Brand Personality Traits' }] }, tags: ['branding', 'voice'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'competitor-analysis', title: 'Competitor Analysis', description: 'Analyze competitors and find opportunities.', category: 'Marketing', template: 'Analyze these competitors for {{company}}:\n\nCompetitors: {{competitors}}\n\nAnalyze:\n- Strengths & weaknesses\n- Pricing strategies\n- Marketing channels\n- Opportunity gaps', schema: { variables: [{ name: 'company', type: 'text', label: 'Your Company', required: true }, { name: 'competitors', type: 'textarea', label: 'Competitor Names', required: true }] }, tags: ['competitive-analysis', 'strategy'], totalRuns: 2345, starsCount: 187 },
+    { slug: 'utm-generator', title: 'UTM Parameter Generator', description: 'Generate UTM parameters for campaign tracking.', category: 'Marketing', template: 'Generate UTM parameters for:\n\nCampaign: {{campaign}}\nChannels: {{channels}}\nBase URL: {{url}}\n\nProvide full URLs with proper naming conventions.', schema: { variables: [{ name: 'campaign', type: 'text', label: 'Campaign Name', required: true }, { name: 'channels', type: 'text', label: 'Marketing Channels', placeholder: 'e.g., email, twitter, facebook' }, { name: 'url', type: 'text', label: 'Base URL', required: true }] }, tags: ['utm', 'analytics'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'value-proposition', title: 'Value Proposition Canvas', description: 'Create a compelling value proposition.', category: 'Marketing', template: 'Create a value proposition for:\n\nProduct: {{product}}\nTarget Customer: {{customer}}\nMain Problem: {{problem}}\n\nUse the Value Proposition Canvas framework.', schema: { variables: [{ name: 'product', type: 'text', label: 'Product/Service', required: true }, { name: 'customer', type: 'text', label: 'Target Customer', required: true }, { name: 'problem', type: 'textarea', label: 'Main Problem You Solve' }] }, tags: ['value-proposition', 'positioning'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'influencer-brief', title: 'Influencer Brief Creator', description: 'Create briefs for influencer collaborations.', category: 'Marketing', template: 'Create an influencer brief for:\n\nBrand: {{brand}}\nCampaign: {{campaign}}\nPlatform: {{platform}}\nDeliverables: {{deliverables}}\n\nInclude brand guidelines, key messages, dos and don\'ts.', schema: { variables: [{ name: 'brand', type: 'text', label: 'Brand Name', required: true }, { name: 'campaign', type: 'text', label: 'Campaign Name' }, { name: 'platform', type: 'dropdown', label: 'Platform', options: ['Instagram', 'TikTok', 'YouTube', 'Twitter'] }, { name: 'deliverables', type: 'textarea', label: 'Deliverables' }] }, tags: ['influencer', 'social-media'], totalRuns: 3456, starsCount: 234 },
+
+    // ============ BUSINESS (8 more) ============
+    { slug: 'meeting-agenda', title: 'Meeting Agenda Generator', description: 'Create structured meeting agendas.', category: 'Business', template: 'Create a meeting agenda for:\n\nMeeting Type: {{type}}\nDuration: {{duration}} minutes\nTopics: {{topics}}\nAttendees: {{attendees}}\n\nInclude time allocations and action items section.', schema: { variables: [{ name: 'type', type: 'dropdown', label: 'Meeting Type', options: ['Team Standup', 'Project Review', 'Brainstorm', 'Client Call', 'All Hands'], required: true }, { name: 'duration', type: 'dropdown', label: 'Duration (min)', options: ['15', '30', '45', '60'] }, { name: 'topics', type: 'textarea', label: 'Topics to Discuss' }, { name: 'attendees', type: 'text', label: 'Key Attendees' }] }, tags: ['meetings', 'productivity'], totalRuns: 8765, starsCount: 654 },
+    { slug: 'okr-generator', title: 'OKR Generator', description: 'Create objectives and key results for teams.', category: 'Business', template: 'Generate OKRs for:\n\nTeam: {{team}}\nQuarter: {{quarter}}\nFocus Area: {{focus}}\nCurrent Challenges: {{challenges}}\n\nCreate 3-5 objectives with 3-4 key results each.', schema: { variables: [{ name: 'team', type: 'text', label: 'Team/Department', required: true }, { name: 'quarter', type: 'dropdown', label: 'Quarter', options: ['Q1', 'Q2', 'Q3', 'Q4'] }, { name: 'focus', type: 'text', label: 'Focus Area' }, { name: 'challenges', type: 'textarea', label: 'Current Challenges' }] }, tags: ['okrs', 'goals', 'planning'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'job-description', title: 'Job Description Writer', description: 'Write compelling job descriptions that attract talent.', category: 'Business', template: 'Write a job description for:\n\nPosition: {{position}}\nCompany: {{company}}\nLevel: {{level}}\nLocation: {{location}}\nKey Skills: {{skills}}\n\nMake it engaging and inclusive.', schema: { variables: [{ name: 'position', type: 'text', label: 'Job Title', required: true }, { name: 'company', type: 'text', label: 'Company Name' }, { name: 'level', type: 'dropdown', label: 'Level', options: ['Entry', 'Mid', 'Senior', 'Lead', 'Manager', 'Director'] }, { name: 'location', type: 'text', label: 'Location' }, { name: 'skills', type: 'textarea', label: 'Required Skills' }] }, tags: ['hiring', 'hr', 'jobs'], totalRuns: 6543, starsCount: 456 },
+    { slug: 'swot-analysis', title: 'SWOT Analysis Generator', description: 'Create comprehensive SWOT analyses.', category: 'Business', template: 'Create a SWOT analysis for:\n\nCompany/Project: {{subject}}\nIndustry: {{industry}}\nContext: {{context}}\n\nProvide detailed Strengths, Weaknesses, Opportunities, and Threats.', schema: { variables: [{ name: 'subject', type: 'text', label: 'Company/Project', required: true }, { name: 'industry', type: 'text', label: 'Industry' }, { name: 'context', type: 'textarea', label: 'Context/Background' }] }, tags: ['swot', 'strategy', 'analysis'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'performance-review', title: 'Performance Review Helper', description: 'Write constructive performance reviews.', category: 'Business', template: 'Help write a performance review for:\n\nRole: {{role}}\nAchievements: {{achievements}}\nAreas to Improve: {{improvements}}\nTone: {{tone}}\n\nBe constructive and specific.', schema: { variables: [{ name: 'role', type: 'text', label: 'Employee Role', required: true }, { name: 'achievements', type: 'textarea', label: 'Key Achievements' }, { name: 'improvements', type: 'textarea', label: 'Areas for Improvement' }, { name: 'tone', type: 'dropdown', label: 'Tone', options: ['Highly Positive', 'Positive', 'Constructive', 'Needs Improvement'] }] }, tags: ['hr', 'reviews', 'management'], totalRuns: 7654, starsCount: 543 },
+    { slug: 'invoice-email', title: 'Invoice & Payment Email', description: 'Write professional invoice and payment emails.', category: 'Business', template: 'Write {{type}} email for:\n\nClient: {{client}}\nAmount: {{amount}}\nProject: {{project}}\nDue Date: {{due}}\n\nBe professional but friendly.', schema: { variables: [{ name: 'type', type: 'dropdown', label: 'Email Type', options: ['Invoice', 'Payment Reminder', 'Overdue Notice', 'Payment Received'], required: true }, { name: 'client', type: 'text', label: 'Client Name' }, { name: 'amount', type: 'text', label: 'Amount' }, { name: 'project', type: 'text', label: 'Project Name' }, { name: 'due', type: 'text', label: 'Due Date' }] }, tags: ['invoice', 'payment', 'finance'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'sop-writer', title: 'SOP Document Writer', description: 'Create Standard Operating Procedures.', category: 'Business', template: 'Create an SOP for:\n\nProcess: {{process}}\nDepartment: {{department}}\nComplexity: {{complexity}}\n\nInclude purpose, scope, procedure steps, and exceptions.', schema: { variables: [{ name: 'process', type: 'text', label: 'Process Name', required: true }, { name: 'department', type: 'text', label: 'Department' }, { name: 'complexity', type: 'dropdown', label: 'Complexity', options: ['Simple', 'Moderate', 'Complex'] }] }, tags: ['sop', 'documentation', 'processes'], totalRuns: 3456, starsCount: 234 },
+    { slug: 'pitch-deck', title: 'Pitch Deck Outline', description: 'Create investor pitch deck structure.', category: 'Business', template: 'Create a pitch deck outline for:\n\nStartup: {{startup}}\nStage: {{stage}}\nAsking: {{ask}}\nProblem: {{problem}}\n\nInclude all essential slides with talking points.', schema: { variables: [{ name: 'startup', type: 'text', label: 'Startup Name', required: true }, { name: 'stage', type: 'dropdown', label: 'Stage', options: ['Pre-seed', 'Seed', 'Series A', 'Series B+'] }, { name: 'ask', type: 'text', label: 'Funding Ask' }, { name: 'problem', type: 'textarea', label: 'Problem You Solve' }] }, tags: ['pitch', 'investors', 'startup'], totalRuns: 5678, starsCount: 432 },
+
+    // ============ EDUCATION (6 more) ============
+    { slug: 'quiz-generator', title: 'Quiz Generator', description: 'Create quizzes and tests on any topic.', category: 'Education', template: 'Create a quiz on:\n\nTopic: {{topic}}\nDifficulty: {{difficulty}}\nQuestions: {{count}}\nType: {{type}}\n\nInclude answers and explanations.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Topic', required: true }, { name: 'difficulty', type: 'dropdown', label: 'Difficulty', options: ['Easy', 'Medium', 'Hard'] }, { name: 'count', type: 'dropdown', label: 'Questions', options: ['5', '10', '15', '20'] }, { name: 'type', type: 'dropdown', label: 'Question Type', options: ['Multiple Choice', 'True/False', 'Short Answer', 'Mixed'] }] }, tags: ['quiz', 'testing', 'education'], totalRuns: 8765, starsCount: 654 },
+    { slug: 'study-guide', title: 'Study Guide Creator', description: 'Create comprehensive study guides.', category: 'Education', template: 'Create a study guide for:\n\nSubject: {{subject}}\nTopics: {{topics}}\nExam Type: {{exam}}\n\nInclude key concepts, practice questions, and memory tips.', schema: { variables: [{ name: 'subject', type: 'text', label: 'Subject', required: true }, { name: 'topics', type: 'textarea', label: 'Topics to Cover' }, { name: 'exam', type: 'dropdown', label: 'Exam Type', options: ['Multiple Choice', 'Essay', 'Practical', 'Mixed'] }] }, tags: ['study', 'exam', 'learning'], totalRuns: 6543, starsCount: 456 },
+    { slug: 'flashcard-maker', title: 'Flashcard Generator', description: 'Create flashcards for spaced repetition learning.', category: 'Education', template: 'Create {{count}} flashcards for:\n\nTopic: {{topic}}\nLevel: {{level}}\n\nFormat: Front | Back\nInclude hints where helpful.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Topic', required: true }, { name: 'count', type: 'dropdown', label: 'Number', options: ['10', '20', '30', '50'] }, { name: 'level', type: 'dropdown', label: 'Level', options: ['Beginner', 'Intermediate', 'Advanced'] }] }, tags: ['flashcards', 'memorization'], totalRuns: 7654, starsCount: 543 },
+    { slug: 'essay-outline', title: 'Essay Outline Generator', description: 'Structure essays with compelling arguments.', category: 'Education', template: 'Create an essay outline for:\n\nTopic: {{topic}}\nThesis: {{thesis}}\nLength: {{length}} words\nStyle: {{style}}\n\nInclude intro, body paragraphs, and conclusion structure.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Essay Topic', required: true }, { name: 'thesis', type: 'text', label: 'Thesis Statement' }, { name: 'length', type: 'dropdown', label: 'Length (words)', options: ['500', '1000', '1500', '2000', '3000'] }, { name: 'style', type: 'dropdown', label: 'Style', options: ['Argumentative', 'Expository', 'Narrative', 'Persuasive'] }] }, tags: ['essay', 'writing', 'academic'], totalRuns: 9876, starsCount: 765 },
+    { slug: 'presentation-outline', title: 'Presentation Outline', description: 'Create structured presentation outlines.', category: 'Education', template: 'Create a presentation outline for:\n\nTopic: {{topic}}\nSlides: {{slides}}\nAudience: {{audience}}\nDuration: {{duration}} minutes\n\nInclude slide titles and key points.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Presentation Topic', required: true }, { name: 'slides', type: 'dropdown', label: 'Number of Slides', options: ['5', '10', '15', '20'] }, { name: 'audience', type: 'text', label: 'Audience' }, { name: 'duration', type: 'dropdown', label: 'Duration (min)', options: ['5', '10', '15', '30'] }] }, tags: ['presentation', 'slides', 'speaking'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'language-tutor', title: 'Language Learning Tutor', description: 'Practice conversations in any language.', category: 'Education', template: 'Help me practice {{language}}.\n\nLevel: {{level}}\nScenario: {{scenario}}\nFocus: {{focus}}\n\nCorrect my mistakes and explain grammar.', schema: { variables: [{ name: 'language', type: 'dropdown', label: 'Language', options: ['Spanish', 'French', 'German', 'Japanese', 'Chinese', 'Italian', 'Portuguese', 'Korean'], required: true }, { name: 'level', type: 'dropdown', label: 'Level', options: ['Beginner', 'Intermediate', 'Advanced'] }, { name: 'scenario', type: 'text', label: 'Scenario', placeholder: 'e.g., ordering at a restaurant' }, { name: 'focus', type: 'dropdown', label: 'Focus Area', options: ['Conversation', 'Grammar', 'Vocabulary', 'Pronunciation'] }] }, tags: ['language', 'learning', 'tutor'], totalRuns: 12345, starsCount: 876 },
+
+    // ============ CREATIVE (6 more) ============
+    { slug: 'character-creator', title: 'Character Creator', description: 'Create detailed fictional characters.', category: 'Creative', template: 'Create a character for {{genre}} fiction:\n\nRole: {{role}}\nPersonality: {{personality}}\nBackground: {{background}}\n\nInclude appearance, motivation, flaws, and quirks.', schema: { variables: [{ name: 'genre', type: 'dropdown', label: 'Genre', options: ['Fantasy', 'Sci-Fi', 'Mystery', 'Romance', 'Horror', 'Literary'], required: true }, { name: 'role', type: 'text', label: 'Character Role', placeholder: 'e.g., protagonist, villain' }, { name: 'personality', type: 'text', label: 'Personality Traits' }, { name: 'background', type: 'text', label: 'Background' }] }, tags: ['character', 'fiction', 'writing'], totalRuns: 6543, starsCount: 456 },
+    { slug: 'world-builder', title: 'World Builder', description: 'Create detailed fictional worlds.', category: 'Creative', template: 'Build a world for {{genre}} fiction:\n\nSetting: {{setting}}\nMagic/Tech Level: {{tech}}\nKey Features: {{features}}\n\nInclude geography, culture, history, and unique elements.', schema: { variables: [{ name: 'genre', type: 'dropdown', label: 'Genre', options: ['Fantasy', 'Sci-Fi', 'Post-Apocalyptic', 'Steampunk', 'Urban Fantasy'], required: true }, { name: 'setting', type: 'text', label: 'Basic Setting', placeholder: 'e.g., floating cities' }, { name: 'tech', type: 'dropdown', label: 'Tech/Magic Level', options: ['Low', 'Medium', 'High', 'Mixed'] }, { name: 'features', type: 'textarea', label: 'Key Features' }] }, tags: ['worldbuilding', 'fiction'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'poetry-generator', title: 'Poetry Generator', description: 'Write poems in various styles.', category: 'Creative', template: 'Write a {{style}} poem about:\n\n{{topic}}\n\nMood: {{mood}}\nLength: {{length}}\n\nInclude vivid imagery and emotion.', schema: { variables: [{ name: 'style', type: 'dropdown', label: 'Style', options: ['Free Verse', 'Sonnet', 'Haiku', 'Limerick', 'Ballad', 'Ode'], required: true }, { name: 'topic', type: 'text', label: 'Topic/Theme', required: true }, { name: 'mood', type: 'dropdown', label: 'Mood', options: ['Happy', 'Sad', 'Romantic', 'Angry', 'Peaceful', 'Dark'] }, { name: 'length', type: 'dropdown', label: 'Length', options: ['Short', 'Medium', 'Long'] }] }, tags: ['poetry', 'creative-writing'], totalRuns: 5678, starsCount: 432 },
+    { slug: 'dialogue-writer', title: 'Dialogue Writer', description: 'Write realistic dialogue between characters.', category: 'Creative', template: 'Write dialogue between:\n\nCharacter 1: {{char1}}\nCharacter 2: {{char2}}\nSituation: {{situation}}\nTone: {{tone}}\n\nMake it natural and reveal character.', schema: { variables: [{ name: 'char1', type: 'text', label: 'Character 1', required: true }, { name: 'char2', type: 'text', label: 'Character 2', required: true }, { name: 'situation', type: 'textarea', label: 'Situation/Context' }, { name: 'tone', type: 'dropdown', label: 'Tone', options: ['Serious', 'Humorous', 'Tense', 'Romantic', 'Casual'] }] }, tags: ['dialogue', 'screenplay'], totalRuns: 4567, starsCount: 345 },
+    { slug: 'plot-twist', title: 'Plot Twist Generator', description: 'Generate surprising plot twists.', category: 'Creative', template: 'Generate plot twists for:\n\nGenre: {{genre}}\nCurrent Setup: {{setup}}\nCharacters: {{characters}}\n\nProvide 5 plot twist ideas from subtle to shocking.', schema: { variables: [{ name: 'genre', type: 'dropdown', label: 'Genre', options: ['Mystery', 'Thriller', 'Fantasy', 'Romance', 'Horror', 'Drama'], required: true }, { name: 'setup', type: 'textarea', label: 'Current Plot Setup', required: true }, { name: 'characters', type: 'textarea', label: 'Main Characters' }] }, tags: ['plot', 'storytelling'], totalRuns: 3456, starsCount: 234 },
+    { slug: 'name-generator', title: 'Character Name Generator', description: 'Generate character names for any setting.', category: 'Creative', template: 'Generate {{count}} names for:\n\nSetting: {{setting}}\nGender: {{gender}}\nVibe: {{vibe}}\n\nInclude meaning or origin if relevant.', schema: { variables: [{ name: 'count', type: 'dropdown', label: 'Number of Names', options: ['5', '10', '20'], required: true }, { name: 'setting', type: 'dropdown', label: 'Setting', options: ['Fantasy', 'Sci-Fi', 'Historical', 'Modern', 'Mythological'] }, { name: 'gender', type: 'dropdown', label: 'Gender', options: ['Male', 'Female', 'Neutral', 'Mixed'] }, { name: 'vibe', type: 'text', label: 'Vibe/Feeling', placeholder: 'e.g., elegant, fierce, mysterious' }] }, tags: ['names', 'fantasy', 'characters'], totalRuns: 8765, starsCount: 654 },
+
+    // ============ RESEARCH (2 more) ============
+    { slug: 'literature-review', title: 'Literature Review Helper', description: 'Structure and write literature reviews.', category: 'Research', template: 'Help write a literature review on:\n\nTopic: {{topic}}\nField: {{field}}\nSources Summary: {{sources}}\n\nOrganize thematically with synthesis and gaps.', schema: { variables: [{ name: 'topic', type: 'text', label: 'Research Topic', required: true }, { name: 'field', type: 'text', label: 'Academic Field' }, { name: 'sources', type: 'textarea', label: 'Brief Summary of Sources' }] }, tags: ['literature-review', 'academic'], totalRuns: 3456, starsCount: 234 },
+    { slug: 'hypothesis-generator', title: 'Research Hypothesis Generator', description: 'Generate testable research hypotheses.', category: 'Research', template: 'Generate research hypotheses for:\n\nResearch Question: {{question}}\nField: {{field}}\nVariables: {{variables}}\n\nInclude null and alternative hypotheses with rationale.', schema: { variables: [{ name: 'question', type: 'textarea', label: 'Research Question', required: true }, { name: 'field', type: 'text', label: 'Research Field' }, { name: 'variables', type: 'textarea', label: 'Key Variables' }] }, tags: ['hypothesis', 'research-methods'], totalRuns: 2345, starsCount: 187 },
+]
+
+async function seedMore() {
+    console.log('🌱 Adding 50 more prompts...\n')
+
+    let created = 0
+    let skipped = 0
+
+    for (const prompt of morePrompts) {
+        const existing = await prisma.prompt.findUnique({
+            where: { slug: prompt.slug },
+        })
+
+        if (existing) {
+            console.log(`  ⏭️  Skipping "${prompt.title}"`)
+            skipped++
+            continue
+        }
+
+        await prisma.prompt.create({
+            data: {
+                slug: prompt.slug,
+                title: prompt.title,
+                description: prompt.description,
+                template: prompt.template,
+                schema: prompt.schema,
+                category: prompt.category,
+                tags: prompt.tags,
+                totalRuns: prompt.totalRuns,
+                starsCount: prompt.starsCount,
+                remixesCount: 0,
+                modelDefault: 'gpt-4o-mini',
+                modelAllowed: ['gpt-4o-mini', 'gpt-4o', 'claude-3-5-sonnet'],
+                visibility: 'public',
+            },
+        })
+        console.log(`  ✅ Created "${prompt.title}" [${prompt.category}]`)
+        created++
+    }
+
+    console.log(`\n✨ Done! Created ${created} prompts, skipped ${skipped}`)
+}
+
+seedMore()
+    .catch((e) => {
+        console.error('❌ Seeding failed:', e)
+        process.exit(1)
+    })
+    .finally(async () => {
+        await prisma.$disconnect()
+        await pool.end()
+    })

prisma/seed.ts

@@ -0,0 +1,644 @@
+import { Pool } from 'pg'
+import { PrismaPg } from '@prisma/adapter-pg'
+import { PrismaClient } from '@prisma/client'
+import 'dotenv/config'
+
+const connectionString = process.env.DATABASE_URL
+if (!connectionString) {
+    throw new Error('DATABASE_URL not set')
+}
+
+const pool = new Pool({ connectionString })
+const adapter = new PrismaPg(pool)
+const prisma = new PrismaClient({ adapter })
+
+const seedPrompts = [
+    // ============ CONTENT ============
+    {
+        slug: 'blog-writer-pro',
+        title: 'AI Blog Writer Pro',
+        description: 'Generate SEO-optimized, engaging blog posts on any topic with customizable tone and length.',
+        template: `Write a comprehensive blog post about {{topic}}.
+
+Tone: {{tone}}
+Target Length: {{length}} words
+Target Audience: {{audience}}
+
+Requirements:
+- Write an attention-grabbing headline
+- Include an engaging introduction that hooks the reader
+- Cover 3-5 main points with detailed explanations
+- Use subheadings for better readability
+- Include relevant examples or case studies
+- End with a strong conclusion and call-to-action
+- Optimize for SEO with natural keyword usage`,
+        schema: {
+            variables: [
+                { name: 'topic', type: 'text', label: 'Blog Topic', placeholder: 'e.g., The Future of AI in Healthcare', required: true },
+                { name: 'tone', type: 'dropdown', label: 'Writing Tone', options: ['Professional', 'Casual', 'Humorous', 'Academic', 'Inspirational'], default: 'Professional' },
+                { name: 'length', type: 'dropdown', label: 'Target Length (words)', options: ['500', '1000', '1500', '2000'], default: '1000' },
+                { name: 'audience', type: 'text', label: 'Target Audience', placeholder: 'e.g., Tech professionals', default: 'General audience' },
+            ],
+        },
+        category: 'Content',
+        tags: ['blog', 'writing', 'seo', 'content-marketing'],
+        totalRuns: 12453,
+        starsCount: 892,
+    },
+    {
+        slug: 'twitter-thread-generator',
+        title: 'Viral Twitter Thread Generator',
+        description: 'Create engaging Twitter/X threads that get likes and retweets.',
+        template: `Create a viral Twitter thread about {{topic}}.
+
+Style: {{style}}
+Number of tweets: {{count}}
+Call-to-action: {{cta}}
+
+Each tweet should:
+- Start with a hook
+- Be under 280 characters
+- Use emojis strategically
+- End with engagement prompts
+
+Format as:
+🧵 1/{{count}}
+[Tweet content]
+
+Continue for all tweets.`,
+        schema: {
+            variables: [
+                { name: 'topic', type: 'text', label: 'Thread Topic', placeholder: 'e.g., 10 AI tools that will 10x your productivity', required: true },
+                { name: 'style', type: 'dropdown', label: 'Style', options: ['Educational', 'Storytelling', 'Tips & Tricks', 'Hot Take', 'Thread of Resources'] },
+                { name: 'count', type: 'dropdown', label: 'Number of Tweets', options: ['5', '7', '10', '15'], default: '10' },
+                { name: 'cta', type: 'text', label: 'Call-to-Action', placeholder: 'e.g., Follow for more AI tips', default: 'Like & Retweet if helpful!' },
+            ],
+        },
+        category: 'Content',
+        tags: ['twitter', 'social-media', 'viral', 'threads'],
+        totalRuns: 8234,
+        starsCount: 567,
+    },
+    {
+        slug: 'youtube-script-writer',
+        title: 'YouTube Video Script Writer',
+        description: 'Create engaging YouTube scripts with hooks, chapters, and CTAs.',
+        template: `Write a YouTube video script about {{topic}}.
+
+Video Length: {{length}} minutes
+Style: {{style}}
+Target Audience: {{audience}}
+
+Include:
+1. **HOOK** (First 30 seconds) - Grab attention immediately
+2. **INTRO** - Brief channel intro and video overview
+3. **MAIN CONTENT** - Divided into timestamped chapters
+4. **EXAMPLES** - Real-world examples or demonstrations
+5. **OUTRO** - Summary + CTA (like, subscribe, comment)
+
+Format with timestamps like:
+[0:00] Hook
+[0:30] Intro
+...`,
+        schema: {
+            variables: [
+                { name: 'topic', type: 'text', label: 'Video Topic', placeholder: 'e.g., How to build a SaaS in 30 days', required: true },
+                { name: 'length', type: 'dropdown', label: 'Video Length', options: ['5', '10', '15', '20'], default: '10' },
+                { name: 'style', type: 'dropdown', label: 'Content Style', options: ['Tutorial', 'Review', 'Commentary', 'Story', 'Listicle'] },
+                { name: 'audience', type: 'text', label: 'Target Audience', placeholder: 'e.g., Beginner developers' },
+            ],
+        },
+        category: 'Content',
+        tags: ['youtube', 'video', 'script', 'content-creation'],
+        totalRuns: 6789,
+        starsCount: 445,
+    },
+
+    // ============ DEVELOPMENT ============
+    {
+        slug: 'code-review-assistant',
+        title: 'Senior Dev Code Review',
+        description: 'Get detailed, constructive code reviews like from a senior developer.',
+        template: `Act as a senior software engineer doing a thorough code review.
+
+Language: {{language}}
+
+\`\`\`{{language}}
+{{code}}
+\`\`\`
+
+Provide your review with:
+
+## 📊 Overall Assessment
+Brief quality rating and summary
+
+## ✅ What's Good
+Highlight good practices
+
+## 🚨 Critical Issues
+Security vulnerabilities, bugs, performance issues
+
+## ⚠️ Suggestions
+Code improvements and best practices
+
+## 🔧 Refactored Code
+Show the improved version with comments`,
+        schema: {
+            variables: [
+                { name: 'language', type: 'dropdown', label: 'Language', options: ['JavaScript', 'TypeScript', 'Python', 'Java', 'Go', 'Rust', 'C++', 'C#'], default: 'TypeScript', required: true },
+                { name: 'code', type: 'textarea', label: 'Code to Review', placeholder: 'Paste your code here...', required: true },
+            ],
+        },
+        category: 'Development',
+        tags: ['code-review', 'programming', 'best-practices'],
+        totalRuns: 15672,
+        starsCount: 1024,
+    },
+    {
+        slug: 'regex-generator',
+        title: 'Regex Pattern Generator',
+        description: 'Generate and explain regex patterns for any use case.',
+        template: `Create a regex pattern for: {{description}}
+
+Language/Tool: {{language}}
+
+Please provide:
+
+1. **The Regex Pattern**
+\`\`\`
+[pattern here]
+\`\`\`
+
+2. **Explanation**
+Break down each part of the regex
+
+3. **Test Cases**
+- ✅ Should match: [examples]
+- ❌ Should NOT match: [examples]
+
+4. **Code Example**
+Show how to use it in {{language}}
+
+5. **Common Variations**
+Any alternative patterns for edge cases`,
+        schema: {
+            variables: [
+                { name: 'description', type: 'textarea', label: 'What should the regex match?', placeholder: 'e.g., Email addresses with common domains only', required: true },
+                { name: 'language', type: 'dropdown', label: 'Language/Tool', options: ['JavaScript', 'Python', 'Java', 'PHP', 'Go', 'grep', 'sed'], default: 'JavaScript' },
+            ],
+        },
+        category: 'Development',
+        tags: ['regex', 'programming', 'patterns'],
+        totalRuns: 9876,
+        starsCount: 678,
+    },
+    {
+        slug: 'api-documentation',
+        title: 'API Documentation Generator',
+        description: 'Generate comprehensive API documentation from code or descriptions.',
+        template: `Generate professional API documentation for:
+
+{{api_description}}
+
+Format: {{format}}
+
+Include:
+- **Endpoint Overview**
+- **Authentication** requirements
+- **Request** (method, URL, headers, body with types)
+- **Response** (success and error responses with examples)
+- **Code Examples** in {{languages}}
+- **Rate Limits** and error handling
+- **Changelog** section`,
+        schema: {
+            variables: [
+                { name: 'api_description', type: 'textarea', label: 'API Description or Code', placeholder: 'Describe your API endpoints or paste code...', required: true },
+                { name: 'format', type: 'dropdown', label: 'Documentation Format', options: ['OpenAPI/Swagger', 'Markdown', 'REST API Blueprint', 'Postman Collection'], default: 'Markdown' },
+                { name: 'languages', type: 'text', label: 'Code Example Languages', placeholder: 'e.g., JavaScript, Python, cURL', default: 'JavaScript, Python, cURL' },
+            ],
+        },
+        category: 'Development',
+        tags: ['api', 'documentation', 'swagger', 'developer-tools'],
+        totalRuns: 5432,
+        starsCount: 389,
+    },
+
+    // ============ MARKETING ============
+    {
+        slug: 'landing-page-copy',
+        title: 'High-Converting Landing Page Copy',
+        description: 'Generate landing page copy that converts visitors into customers.',
+        template: `Create high-converting landing page copy for:
+
+Product/Service: {{product}}
+Target Audience: {{audience}}
+Unique Value: {{uvp}}
+Key Benefits: {{benefits}}
+
+Generate:
+
+# 🎯 HERO SECTION
+- Headline (max 10 words, powerful)
+- Subheadline (expand the promise)
+- CTA button text
+
+# 😰 PROBLEM SECTION
+Pain points your audience faces
+
+# ✨ SOLUTION SECTION
+How you solve it
+
+# 💎 BENEFITS (not features)
+3-4 benefit blocks with icons
+
+# 🏆 SOCIAL PROOF
+Testimonial templates and stats placement
+
+# 🚀 FINAL CTA
+Urgency-driven closing`,
+        schema: {
+            variables: [
+                { name: 'product', type: 'text', label: 'Product/Service', placeholder: 'e.g., CloudSync - AI-Powered Note Taking', required: true },
+                { name: 'audience', type: 'text', label: 'Target Audience', placeholder: 'e.g., Busy professionals who take lots of notes', required: true },
+                { name: 'uvp', type: 'textarea', label: 'Unique Value Proposition', placeholder: 'What makes you different?', required: true },
+                { name: 'benefits', type: 'textarea', label: 'Key Benefits', placeholder: 'List 3-5 main benefits' },
+            ],
+        },
+        category: 'Marketing',
+        tags: ['copywriting', 'landing-page', 'conversion'],
+        totalRuns: 11234,
+        starsCount: 876,
+    },
+    {
+        slug: 'ad-copy-generator',
+        title: 'Facebook/Google Ad Copy',
+        description: 'Create high-CTR ad copy for paid campaigns.',
+        template: `Create {{platform}} ad copy for:
+
+Product: {{product}}
+Target Audience: {{audience}}
+Offer: {{offer}}
+Tone: {{tone}}
+
+Generate 5 variations of:
+- **Headline** ({{platform}} character limit)
+- **Description**
+- **Call-to-Action**
+
+For each variation, include:
+- 📊 Estimated CTR potential
+- 🎯 Best audience type
+- 💡 A/B testing suggestion`,
+        schema: {
+            variables: [
+                { name: 'platform', type: 'dropdown', label: 'Platform', options: ['Facebook/Instagram', 'Google Ads', 'LinkedIn', 'TikTok'], default: 'Facebook/Instagram', required: true },
+                { name: 'product', type: 'text', label: 'Product/Service', placeholder: 'e.g., Online Fitness Coaching', required: true },
+                { name: 'audience', type: 'text', label: 'Target Audience', placeholder: 'e.g., Women 25-45 interested in weight loss' },
+                { name: 'offer', type: 'text', label: 'Offer/Discount', placeholder: 'e.g., 50% off first month' },
+                { name: 'tone', type: 'dropdown', label: 'Tone', options: ['Professional', 'Friendly', 'Urgent', 'Playful', 'Luxury'], default: 'Friendly' },
+            ],
+        },
+        category: 'Marketing',
+        tags: ['ads', 'facebook', 'google-ads', 'copywriting'],
+        totalRuns: 8765,
+        starsCount: 654,
+    },
+
+    // ============ BUSINESS ============
+    {
+        slug: 'professional-email',
+        title: 'Professional Email Composer',
+        description: 'Write perfect professional emails for any situation.',
+        template: `Write a professional email for:
+
+Purpose: {{purpose}}
+Recipient: {{recipient}}
+Key Points: {{key_points}}
+Tone: {{tone}}
+
+Include:
+- Appropriate subject line
+- Professional greeting
+- Clear, concise body
+- Specific call-to-action
+- Professional sign-off
+
+Context: {{context}}`,
+        schema: {
+            variables: [
+                { name: 'purpose', type: 'dropdown', label: 'Email Purpose', options: ['Follow-up', 'Cold Outreach', 'Thank You', 'Request', 'Apology', 'Announcement', 'Negotiation', 'Introduction'], required: true },
+                { name: 'recipient', type: 'text', label: 'Recipient', placeholder: 'e.g., Hiring Manager at Google', required: true },
+                { name: 'key_points', type: 'textarea', label: 'Key Points', placeholder: 'What do you need to communicate?', required: true },
+                { name: 'tone', type: 'dropdown', label: 'Tone', options: ['Formal', 'Friendly Professional', 'Casual', 'Urgent'], default: 'Friendly Professional' },
+                { name: 'context', type: 'textarea', label: 'Additional Context', placeholder: 'Any relevant background...' },
+            ],
+        },
+        category: 'Business',
+        tags: ['email', 'professional', 'communication'],
+        totalRuns: 18234,
+        starsCount: 1234,
+    },
+    {
+        slug: 'business-proposal',
+        title: 'Business Proposal Generator',
+        description: 'Create compelling business proposals that win clients.',
+        template: `Create a professional business proposal for:
+
+Client: {{client}}
+Project: {{project}}
+Budget Range: {{budget}}
+Timeline: {{timeline}}
+
+Include these sections:
+
+1. **Executive Summary**
+2. **Understanding of Needs**
+3. **Proposed Solution**
+4. **Scope of Work** (detailed deliverables)
+5. **Timeline & Milestones**
+6. **Investment** (pricing breakdown)
+7. **About Us**
+8. **Next Steps**`,
+        schema: {
+            variables: [
+                { name: 'client', type: 'text', label: 'Client Name/Company', placeholder: 'e.g., Acme Corporation', required: true },
+                { name: 'project', type: 'textarea', label: 'Project Description', placeholder: 'Describe the project...', required: true },
+                { name: 'budget', type: 'text', label: 'Budget Range', placeholder: 'e.g., $5,000 - $10,000' },
+                { name: 'timeline', type: 'text', label: 'Timeline', placeholder: 'e.g., 4-6 weeks' },
+            ],
+        },
+        category: 'Business',
+        tags: ['proposal', 'business', 'sales', 'client'],
+        totalRuns: 6543,
+        starsCount: 456,
+    },
+
+    // ============ EDUCATION ============
+    {
+        slug: 'lesson-plan-creator',
+        title: 'AI Lesson Plan Creator',
+        description: 'Create comprehensive lesson plans for any subject and grade level.',
+        template: `Create a detailed lesson plan for:
+
+Subject: {{subject}}
+Topic: {{topic}}
+Grade Level: {{grade}}
+Duration: {{duration}} minutes
+
+Include:
+1. **Learning Objectives** (3-5 measurable goals)
+2. **Materials Needed**
+3. **Warm-Up Activity** (5-10 min)
+4. **Main Instruction** (step-by-step)
+5. **Guided Practice**
+6. **Independent Practice**
+7. **Assessment** (formative/summative)
+8. **Differentiation** (for different learners)
+9. **Homework/Extension**`,
+        schema: {
+            variables: [
+                { name: 'subject', type: 'dropdown', label: 'Subject', options: ['Math', 'Science', 'English', 'History', 'Art', 'Music', 'Computer Science', 'Physical Education'], required: true },
+                { name: 'topic', type: 'text', label: 'Topic', placeholder: 'e.g., Introduction to Fractions', required: true },
+                { name: 'grade', type: 'dropdown', label: 'Grade Level', options: ['K-2', '3-5', '6-8', '9-12', 'College', 'Adult'], default: '6-8' },
+                { name: 'duration', type: 'dropdown', label: 'Duration (minutes)', options: ['30', '45', '60', '90'], default: '45' },
+            ],
+        },
+        category: 'Education',
+        tags: ['lesson-plan', 'teaching', 'education'],
+        totalRuns: 7654,
+        starsCount: 543,
+    },
+    {
+        slug: 'explain-like-im-5',
+        title: 'Explain Like I\'m 5',
+        description: 'Break down complex topics into simple, fun explanations.',
+        template: `Explain {{topic}} like I'm {{age}} years old.
+
+Use:
+- Simple words
+- Fun analogies (like games, toys, food)
+- Short sentences
+- Emojis where appropriate
+- A fun example at the end
+
+Topic complexity: {{complexity}}
+
+Make it engaging and memorable!`,
+        schema: {
+            variables: [
+                { name: 'topic', type: 'text', label: 'Topic to Explain', placeholder: 'e.g., How does WiFi work?', required: true },
+                { name: 'age', type: 'dropdown', label: 'Target Age', options: ['5', '8', '10', '12', '15'], default: '5' },
+                { name: 'complexity', type: 'dropdown', label: 'Original Complexity', options: ['Simple', 'Moderate', 'Complex', 'Expert-level'], default: 'Complex' },
+            ],
+        },
+        category: 'Education',
+        tags: ['learning', 'simple', 'explanation', 'eli5'],
+        totalRuns: 12345,
+        starsCount: 876,
+    },
+
+    // ============ CREATIVE ============
+    {
+        slug: 'story-generator',
+        title: 'Creative Story Generator',
+        description: 'Generate creative stories in any genre with compelling characters.',
+        template: `Write a {{genre}} story with:
+
+Main Character: {{character}}
+Setting: {{setting}}
+Conflict: {{conflict}}
+Length: {{length}}
+Tone: {{tone}}
+
+Include:
+- Vivid descriptions
+- Dialogue
+- Character development
+- Satisfying resolution`,
+        schema: {
+            variables: [
+                { name: 'genre', type: 'dropdown', label: 'Genre', options: ['Fantasy', 'Sci-Fi', 'Romance', 'Mystery', 'Horror', 'Adventure', 'Comedy', 'Drama'], required: true },
+                { name: 'character', type: 'text', label: 'Main Character', placeholder: 'e.g., A time-traveling librarian', required: true },
+                { name: 'setting', type: 'text', label: 'Setting', placeholder: 'e.g., Victorian London' },
+                { name: 'conflict', type: 'text', label: 'Central Conflict', placeholder: 'e.g., Must prevent a paradox' },
+                { name: 'length', type: 'dropdown', label: 'Length', options: ['Flash Fiction (500 words)', 'Short Story (1500 words)', 'Long Story (3000 words)'], default: 'Short Story (1500 words)' },
+                { name: 'tone', type: 'dropdown', label: 'Tone', options: ['Light & Fun', 'Dark & Serious', 'Suspenseful', 'Heartwarming'], default: 'Light & Fun' },
+            ],
+        },
+        category: 'Creative',
+        tags: ['story', 'fiction', 'creative-writing'],
+        totalRuns: 9876,
+        starsCount: 765,
+    },
+    {
+        slug: 'song-lyrics-writer',
+        title: 'Song Lyrics Writer',
+        description: 'Create original song lyrics in any genre with custom themes.',
+        template: `Write song lyrics about {{theme}}.
+
+Genre: {{genre}}
+Mood: {{mood}}
+Structure: {{structure}}
+
+Include:
+- Verse 1
+- Chorus
+- Verse 2
+- Chorus
+- Bridge
+- Final Chorus
+
+Make it catchy, emotional, and singable!`,
+        schema: {
+            variables: [
+                { name: 'theme', type: 'text', label: 'Song Theme', placeholder: 'e.g., Overcoming heartbreak', required: true },
+                { name: 'genre', type: 'dropdown', label: 'Genre', options: ['Pop', 'Rock', 'Hip-Hop', 'Country', 'R&B', 'Indie', 'EDM'], default: 'Pop' },
+                { name: 'mood', type: 'dropdown', label: 'Mood', options: ['Happy', 'Sad', 'Empowering', 'Romantic', 'Angry', 'Nostalgic'], default: 'Empowering' },
+                { name: 'structure', type: 'dropdown', label: 'Structure', options: ['Standard', 'Extended', 'Minimal'], default: 'Standard' },
+            ],
+        },
+        category: 'Creative',
+        tags: ['music', 'lyrics', 'songwriting'],
+        totalRuns: 5678,
+        starsCount: 432,
+    },
+
+    // ============ RESEARCH ============
+    {
+        slug: 'research-summarizer',
+        title: 'Research Paper Summarizer',
+        description: 'Summarize academic papers and research into digestible insights.',
+        template: `Summarize this research:
+
+{{content}}
+
+Provide:
+
+## 📋 TL;DR
+One paragraph summary
+
+## 🎯 Key Findings
+Bullet points of main discoveries
+
+## 🔬 Methodology
+How the research was conducted
+
+## 📊 Data & Results
+Key statistics and outcomes
+
+## 💡 Implications
+What this means for {{field}}
+
+## ❓ Limitations
+Study limitations and gaps
+
+## 📚 Citation
+Proper academic citation format`,
+        schema: {
+            variables: [
+                { name: 'content', type: 'textarea', label: 'Paste Research Content', placeholder: 'Paste the abstract, paper, or research text...', required: true },
+                { name: 'field', type: 'text', label: 'Research Field', placeholder: 'e.g., Machine Learning, Medicine', default: 'the field' },
+            ],
+        },
+        category: 'Research',
+        tags: ['research', 'academic', 'summary', 'papers'],
+        totalRuns: 4567,
+        starsCount: 345,
+    },
+    {
+        slug: 'fact-checker',
+        title: 'AI Fact Checker',
+        description: 'Verify claims and get evidence-based analysis.',
+        template: `Analyze this claim for accuracy:
+
+Claim: "{{claim}}"
+
+Provide:
+
+## 📊 Verdict
+[TRUE / MOSTLY TRUE / MIXED / MOSTLY FALSE / FALSE]
+
+## 🔍 Analysis
+Detailed breakdown of the claim
+
+## 📚 Evidence
+Supporting or refuting evidence
+
+## 🌐 Sources
+Where to verify (types of sources to check)
+
+## ⚠️ Context
+Important context that affects accuracy
+
+## 🎯 Bottom Line
+One sentence summary`,
+        schema: {
+            variables: [
+                { name: 'claim', type: 'textarea', label: 'Claim to Check', placeholder: 'e.g., Drinking 8 glasses of water a day is necessary for health', required: true },
+            ],
+        },
+        category: 'Research',
+        tags: ['fact-check', 'verification', 'research'],
+        totalRuns: 3456,
+        starsCount: 234,
+    },
+]
+
+async function seed() {
+    console.log('🌱 Seeding database with awesome prompts...\n')
+
+    let created = 0
+    let skipped = 0
+
+    for (const prompt of seedPrompts) {
+        const existing = await prisma.prompt.findUnique({
+            where: { slug: prompt.slug },
+        })
+
+        if (existing) {
+            console.log(`  ⏭️  Skipping "${prompt.title}" (already exists)`)
+            skipped++
+            continue
+        }
+
+        await prisma.prompt.create({
+            data: {
+                slug: prompt.slug,
+                title: prompt.title,
+                description: prompt.description,
+                template: prompt.template,
+                schema: prompt.schema,
+                category: prompt.category,
+                tags: prompt.tags,
+                totalRuns: prompt.totalRuns,
+                starsCount: prompt.starsCount,
+                remixesCount: 0,
+                modelDefault: 'gpt-4o-mini',
+                modelAllowed: ['gpt-4o-mini', 'gpt-4o', 'claude-3-5-sonnet'],
+                visibility: 'public',
+            },
+        })
+        console.log(`  ✅ Created "${prompt.title}" [${prompt.category}]`)
+        created++
+    }
+
+    console.log(`\n✨ Done! Created ${created} prompts, skipped ${skipped}`)
+    console.log('\n📊 Prompts by category:')
+    console.log('  • Content: 3')
+    console.log('  • Development: 3')
+    console.log('  • Marketing: 2')
+    console.log('  • Business: 2')
+    console.log('  • Education: 2')
+    console.log('  • Creative: 2')
+    console.log('  • Research: 2')
+}
+
+seed()
+    .catch((e) => {
+        console.error('❌ Seeding failed:', e)
+        process.exit(1)
+    })
+    .finally(async () => {
+        await prisma.$disconnect()
+        await pool.end()
+    })

prisma/tool-models.txt

@@ -0,0 +1,43 @@
+
+// AI Tools System
+model Tool {
+  id            String   @id @default(cuid())
+  slug          String   @unique
+  name          String
+  description   String
+  category      String   // "prompting", "marketing", "branding", etc.
+  icon          String?  // Emoji or icon name
+  isActive      Boolean  @default(true)
+  isPremium     Boolean  @default(false)
+  
+  // Tool configuration
+  inputSchema   Json     // { fields: [{name, type, label, placeholder}] }
+  systemPrompt  String   @db.Text // The AI prompt template
+  model         String   @default("gpt-4o-mini") // AI model to use
+  
+  // Stats
+  usageCount    Int      @default(0)
+  
+  executions    ToolExecution[]
+  
+  createdAt     DateTime @default(now())
+  updatedAt     DateTime @updatedAt
+  
+  @@index([category])
+  @@index([slug])
+}
+
+model ToolExecution {
+  id        String   @id @default(cuid())
+  toolId    String
+  tool      Tool     @relation(fields: [toolId], references: [id], onDelete: Cascade)
+  userId    String?
+  
+  inputs    Json     // User's inputs
+  output    String   @db.Text // AI-generated output
+  
+  createdAt DateTime @default(now())
+  
+  @@index([toolId])
+  @@index([userId])
+}

prisma/update-models.ts

@@ -0,0 +1,34 @@
+import { Pool } from 'pg'
+import { PrismaPg } from '@prisma/adapter-pg'
+import { PrismaClient } from '@prisma/client'
+import 'dotenv/config'
+
+const connectionString = process.env.DATABASE_URL
+if (!connectionString) throw new Error('DATABASE_URL not set')
+
+const pool = new Pool({ connectionString })
+const adapter = new PrismaPg(pool)
+const prisma = new PrismaClient({ adapter })
+
+async function updateToGemini() {
+    console.log('🔄 Updating all prompts to use Gemini 2.5 Flash as default...\n')
+
+    const result = await prisma.prompt.updateMany({
+        data: {
+            modelDefault: 'gemini-2.5-flash',
+            modelAllowed: ['gemini-2.5-flash', 'gemini-2.0-flash', 'gpt-4o-mini', 'gpt-4o', 'claude-3-5-sonnet'],
+        },
+    })
+
+    console.log(`✅ Updated ${result.count} prompts to use Gemini 2.5 Flash!`)
+}
+
+updateToGemini()
+    .catch((e) => {
+        console.error('❌ Update failed:', e)
+        process.exit(1)
+    })
+    .finally(async () => {
+        await prisma.$disconnect()
+        await pool.end()
+    })