PromptCraft solves the blank-page problem in prompt engineering. Instead of guessing what makes a good prompt, you describe your goal, pick a tone and category, and get a production-ready prompt instantly, streamed token by token via Llama 3.3 70B on Groq. It's built for developers, marketers, and power users who work with AI daily and need prompts that actually work, not generic templates.
- ⚡ Real-time streaming: Prompts stream token-by-token via Groq's ultra-fast inference, no waiting for a full response
- 🧠 AI prompt enhancement: One-click enhancement rewrites your generated prompt using expert prompt engineering principles
- 🎯 Platform-optimised output: Target ChatGPT, Claude, Gemini, Mistral, or Cursor and get prompts tuned to each model's strengths and syntax
- 🌐 URL context scraping: Paste any URL and the app scrapes its content into your prompt context automatically
- 📂 10 categories & 10 tones: Fine-tune prompts across Assistant, Code & Dev, Marketing, Legal, Healthcare, and more with tones from Professional to Storytelling
- 🕓 Session history: Every generated prompt is saved in-session with search, copy, delete, and one-click reload
- 💾 Download as .txt: Export any prompt directly to a text file
- 📊 Word & character count: Live stats on every generated output
| Category | Technology |
|---|---|
| Framework | Next.js 16 + React 19 + TypeScript |
| Styling | Tailwind CSS v4 + shadcn/ui (Radix UI) |
| AI | Groq API Llama 3.3 70B Versatile |
| Streaming | Native ReadableStream + SSE parsing |
| Fonts | Geist Sans + Geist Mono |
| Analytics | Vercel Analytics |
| Deployment | Vercel |
- Node.js 18+
- pnpm (recommended) or npm
- Groq API key get one free at console.groq.com
# 1. Clone the repo
git clone https://github.com/MuhammadTanveerAbbas/PromptCraft.git
cd PromptCraft
# 2. Install dependencies
pnpm install
# 3. Set up environment variables
cp .env.example .env.local
# Add your GROQ_API_KEY to .env.local
# 4. Run the development server
pnpm dev
# 5. Open in browser
http://localhost:3000Create a .env.local file in the root directory:
# Groq API get yours at https://console.groq.com/keys
GROQ_API_KEY=your_groq_api_keyPromptCraft/
├── app/
│ ├── api/
│ │ ├── enhance/route.ts # AI prompt enhancement endpoint
│ │ ├── generate/route.ts # Prompt generation endpoint
│ │ └── scrape/route.ts # URL scraping endpoint
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx # Main app page
├── components/
│ ├── prompt-form.tsx # Input form (topic, tone, category, platform, context)
│ ├── prompt-history.tsx # Session history with search
│ └── prompt-output.tsx # Streaming output with actions
├── lib/
│ └── utils.ts
├── public/
├── .env.example
├── package.json
└── README.md
| Command | Description |
|---|---|
pnpm dev |
Start development server |
pnpm build |
Build for production |
pnpm start |
Start production server |
pnpm lint |
Run ESLint |
This project is deployed on Vercel.
- Click the button above
- Connect your GitHub account
- Add
GROQ_API_KEYin the Vercel environment variables dashboard - Deploy
- Prompt generation with Llama 3.3 on Groq
- Real-time token streaming
- AI-powered prompt enhancement
- Platform-specific optimisation (ChatGPT, Claude, Gemini, Mistral, Cursor)
- URL context scraping
- Session history with search
- Download prompt as .txt
- Prompt templates library
- User accounts + saved prompts
- Prompt comparison (before/after enhance)
- API access for developers
Contributions are welcome! Feel free to:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.