Skip to content

A modern, AI-powered prompt optimization tool that helps you craft better prompts for various AI models. Features both free rule-based generation and AI-powered enhancement with support for multiple models and output formats.

Notifications You must be signed in to change notification settings

Justme017/Prompt-Wizard

Repository files navigation

Prompt Wizard Banner

Prompt Wizard

Advanced AI-Powered Prompt Generator

Live Demo License GitHub stars

React TypeScript Vite Tailwind Vercel

A modern, AI-powered prompt optimization tool that helps you craft better prompts for various AI models. Features both free rule-based generation and AI-powered enhancement with support for multiple models and output formats.

Features β€’ Demo β€’ Installation β€’ Usage β€’ Tech Stack β€’ Contributing


✨ Features

  • Hybrid Generation Modes: Choose between free rule-based generation or AI-powered enhancement
  • Multiple AI Models: Support for GPT-4o, GPT-4 Turbo, Claude 3.5 Sonnet, GPT-3.5 Turbo, and Gemini Pro
  • Smart Intent Analysis: Automatically detects prompt intent (creative writing, coding, analytical, data science, general)
  • Output Formats: Generate prompts optimized for plain text, JSON, Markdown, or code
  • Dark Mode: Toggle between light and dark themes with smooth transitions
  • Real-time Token Counting: See token usage estimates for input and output
  • Copy to Clipboard: Easily copy enhanced prompts
  • Responsive Design: Works seamlessly on desktop and mobile devices
  • Vercel-Ready: Deploy instantly with no backend configuration needed

πŸš€ Live Demo

Try it now: https://prompt-wizard-seven.vercel.app

Demo


πŸ“š Table of Contents


πŸ› οΈ Tech Stack

  • Frontend: React 18 with TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS with custom dark mode support
  • Icons: Lucide React
  • Deployment: Vercel with serverless functions
  • AI Integration: OpenRouter API for AI-powered generation

πŸ“¦ Installation

Prerequisites

  • Node.js 18+
  • npm or yarn
  • Git

Setup

  1. Clone the repository

    git clone https://github.com/Justme017/Prompt-Wizard.git
    cd Prompt-Wizard
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open your browser

    Navigate to http://localhost:5173


πŸ’‘ Usage

Free Rule-Based Mode

  1. Enter your prompt in the text area
  2. Select your desired output format (Plain Text, JSON, Markdown, Code)
  3. Click "Generate Enhanced Prompt"
  4. Copy the enhanced prompt to use with any AI model

AI-Powered Mode

  1. Get your free API key from OpenRouter
  2. Enter the API key in the configuration section
  3. Toggle to "AI-Powered Mode"
  4. Select your preferred AI model (GPT-4o, Claude 3.5, Gemini Pro, etc.)
  5. Enter your prompt and generate

Skills Quick-Start

Use the "Add Skill to Chat" dropdown to instantly copy pre-configured prompts for:

  • 🎨 Image Generation
  • 🎡 Audio Generation
  • 🎬 Video Generation
  • βœ‰οΈ Email Writing
  • πŸ” Research
  • πŸ‘Ά ELI5 Explanations
  • πŸ“Š Data Analysis
  • πŸ’» Code Review
  • 🌐 Translation
  • ✍️ Creative Writing
  • πŸ“š Tutoring
  • πŸ“ Summarization

πŸ—οΈ Build for Production

npm run build

πŸš€ Deployment

Deploy to Vercel (Recommended)

Deploy with Vercel

Manual Deployment:

# Build the project
npm run build

# Deploy to Vercel
npx vercel --prod

Environment Variables

No environment variables required for the free mode. For AI-powered mode, users provide their own OpenRouter API keys directly in the UI.


πŸ“ Project Structure

src/
β”œβ”€β”€ components/
β”‚   └── PromptEnhancer.tsx          # Main AdvancedPromptGenerator component
β”œβ”€β”€ pages/
β”‚   β”œβ”€β”€ Index.tsx                   # Home page
β”‚   └── NotFound.tsx                # 404 page
β”œβ”€β”€ hooks/                          # Custom React hooks
β”œβ”€β”€ lib/                           # Utility functions
└── main.tsx                       # Application entry point

public/                            # Static assets

🎨 Features Overview

Generation Modes

⚑ Free Rule-Based Mode

  • βœ… Instant generation with no API costs
  • βœ… Smart intent analysis and context-aware prompt structuring
  • βœ… Optimized for different content types (writing, coding, analysis, etc.)
  • βœ… No sign-up required

πŸ€– AI-Powered Mode

  • πŸš€ Uses OpenRouter API for intelligent prompt enhancement
  • πŸ”‘ Requires API key from openrouter.ai
  • 🧠 Advanced prompt engineering with AI assistance
  • 🎯 Supports multiple AI models:
    • OpenAI: GPT-4o, GPT-4 Turbo, GPT-3.5 Turbo
    • Anthropic: Claude 3.5 Sonnet
    • Google: Gemini Pro, Gemma 3 12B (default)

🎯 Smart Intent Detection

The tool automatically analyzes your prompt to determine the intent:

Intent Description Examples
🎨 Creative Writing Stories, articles, narratives "Write a sci-fi story"
πŸ’» Coding Scripts, programs, algorithms "Create a Python script"
πŸ“Š Analytical Research, evaluation, comparison "Analyze market trends"
πŸ“ˆ Data Science Visualization, plotting, analysis "Create a data dashboard"
🌐 General All other types of prompts "Explain quantum physics"

βš™οΈ Output Formats

Choose from multiple output formats for your enhanced prompts:

  • πŸ“ Plain Text: Simple, readable format
  • πŸ”— JSON: Structured data format
  • πŸ“„ Markdown: Formatted documentation
  • πŸ’» Code: Programming-specific format

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

How to Contribute

  1. 🍴 Fork the repository
  2. 🌿 Create a feature branch (git checkout -b feature/AmazingFeature)
  3. ✍️ Commit your changes (git commit -m 'Add some AmazingFeature')
  4. πŸ“€ Push to the branch (git push origin feature/AmazingFeature)
  5. πŸŽ‰ Open a Pull Request

Development Guidelines

  • Follow the existing code style
  • Write clear commit messages
  • Update documentation as needed
  • Test your changes thoroughly

πŸ“„ License

This project is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License.

License: CC BY-SA 4.0

You are free to:

  • βœ… Share β€” copy and redistribute the material
  • βœ… Adapt β€” remix, transform, and build upon the material

Under the following terms:

  • πŸ“ Attribution β€” Give appropriate credit
  • πŸ”„ ShareAlike β€” Distribute under the same license

πŸ‘¨β€πŸ’» Author

Made with love

Shubham Mehta

GitHub


πŸ™ Acknowledgments

Special thanks to:

  • 🎨 Tailwind CSS - Utility-first CSS framework
  • ⚑ Vite - Next generation frontend tooling
  • βš›οΈ React - JavaScript library for building user interfaces
  • πŸš€ Vercel - Deployment and hosting platform
  • 🎭 Lucide - Beautiful & consistent icons
  • πŸ€– OpenRouter - Unified API for multiple AI models

πŸ“Š Stats

GitHub repo size GitHub language count GitHub top language GitHub last commit


βš™οΈ Repository Setup

About Section

To complete your GitHub repository setup, update the About section with:

Description:

Advanced AI-powered prompt generator with hybrid modes, multiple AI models, and smart intent detection. Built with React, TypeScript, and Tailwind CSS.

Website:

https://prompt-wizard-seven.vercel.app

Topics:

ai, prompt-engineering, openrouter, react, typescript, vite, tailwind-css, prompt-generator, llm, gpt-4, claude, gemini, ai-tools, prompt-optimization, vercel, openai, anthropic, google-ai, developer-tools, productivity

⭐ If you find this project useful, please consider giving it a star! ⭐

Made with ❀️ by Shubham Mehta

About

A modern, AI-powered prompt optimization tool that helps you craft better prompts for various AI models. Features both free rule-based generation and AI-powered enhancement with support for multiple models and output formats.

Topics

Resources

Stars

Watchers

Forks

Languages