Prompt Web

A modern, fast, and curated AI Prompt exploration tool.

🚀 Features

• Exploration: Browse and filter curated prompts by genre, style, and mood.
• Search: Instant semantic search across titles and content.
• Performance: Edge-native API running on Cloudflare Workers.
• UI/UX: Premium "Banana" design system with reactive URL-driven state.

🛠️ Tech Stack

• Monorepo: pnpm Workspaces
• Backend: Fastify (Local) / Cloudflare Workers (Production)
• Frontend: React + Vite + Tailwind CSS
• Deployment: Cloudflare Pages + Cloudflare Workers

📦 Project Structure

• apps/api: Fastify API server.
• apps/web: React frontend application.
• data: Seed data for prompts.

🛠️ Getting Started

Prerequisites

• Node.js (v20+)
• pnpm

Installation

pnpm install

Development

Runs both the API and the Web app concurrently:

pnpm dev

• API: http://localhost:8787
• Web: http://localhost:5173

☁️ Deployment

The project is configured for automatic deployment via GitHub Actions.

Cloudflare Setup

1. Add CLOUDFLARE_API_TOKEN and CLOUDFLARE_ACCOUNT_ID to your GitHub repository secrets.
2. Push to the main branch to trigger the deployment.

Backend (Workers)

Configured in apps/api/wrangler.toml.

Frontend (Pages)

Configured for Cloudflare Pages with SPA support via public/_redirects.

---

💎 Gemini Data Ingest

You can easily import your prompts and images from Google Gemini:

1. Batch Export: Use the Gemini Export Script in your browser console on the Gemini "My Stuff" page.
2. Bulk Import: Run the following command with the exported JSON:

   pnpm bulk-import ./path/to/gemini_export.json

3. Single Import: Add a prompt manually via CLI:

   pnpm add-prompt "Title" "Prompt Text" "Genres" "Styles" "Moods" "ImageUrl"