Generate Website Prompts for ChatGPT & Claude
Create detailed, production-ready prompts for AI tools. Choose from 8 hero styles, 12 sections, custom colors & fonts. Works with any AI that generates code.
Free to use. No account required to try.
Works With Your Favorite AI
Generate code-ready prompts optimized for any large language model
ChatGPT
by OpenAI
Claude
by Anthropic
Gemini
by Google
Other LLMs
Any AI
Our prompts are optimized for maximum compatibility across all major AI models
How It Works
Generate a detailed AI prompt in 5 simple steps
Enter Details
Website name and business type
Pick Sections
Choose from 12 sections
Select Styles
Layout for each section
Customize Design
Colors, fonts, theme
Copy & Generate
Paste into any AI
Hero Section Styles
Choose from 8 professionally designed hero layouts for any use case
Classic Split
2-column with image
Best for: Agencies, Services
Bento Grid
Modern card layout
Best for: Creative, Portfolios
Fullscreen Glass
Background + glass card
Best for: Real Estate
Overlapping Editorial
Magazine style
Best for: Tech, Startups
Image-First Overlay
Content on image
Best for: E-commerce
Product Grid
2x2 product cards
Best for: Marketplaces
Cinematic Fullscreen
Full-screen dramatic
Best for: Artists, Athletes
3-Column Layout
Sidebar layouts
Best for: Food, Lifestyle
Pre-Built Website Sections
Mix and match sections to build your perfect website structure
Header
4 style options
Hero
8 style options
Brands/Logos
3 style options
Services
5 style options
About
4 style options
Portfolio
5 style options
Timeline
3 style options
Stats
3 style options
Testimonials
5 style options
FAQ
3 style options
Contact
4 style options
Footer
4 style options
Plus add unlimited custom sections with your own descriptions
Full vs Lite Prompts
Choose the right prompt version for your AI subscription
Full Prompt
~3,000 tokens
- Detailed HTML structure examples
- Complete Tailwind CSS configurations
- JavaScript code snippets
- Section-by-section guidance
- Animation keyframes included
- Best for paid models with larger context
Lite Prompt
~1,200 tokens
- 70% smaller token count
- Essential rules only
- Condensed style descriptions
- Works with free AI tiers
- Same output quality
- ~1200 tokens vs ~3000
What's Included in Every Prompt
Detailed instructions that tell AI exactly how to build your website
Technical Stack
Tailwind CDN, Lucide icons, Google Fonts, semantic HTML5
Color System
CSS variables, accent colors, text contrast rules, Tailwind config
Typography
Font pairings, fluid sizing with clamp(), letter-spacing, line-height
Layout Rules
Container widths, padding systems, CSS Grid patterns, responsive breakpoints
Card Patterns
Header-body-footer structure, flexbox pinning, equal height grids
Imagery
Grayscale-to-color hover, aspect ratios, object-cover, lazy loading
Animations
Scroll reveal, hover states, staggered delays, cubic-bezier timing
Components
FAQ accordion, gallery lightbox, mobile menu, dark mode toggle
SEO Meta Tags
Title, description, Open Graph, Twitter cards, semantic markup
File Structure
Multi-file organization, CSS/JS separation, asset folders
Design System Built In
Every prompt includes a complete design system with your chosen colors, fonts, and theme preferences.
12 Color Presets
Plus custom hex colors for primary and secondary accents
7 Font Pairings
Editorial, Magazine, Modern, Bold, Tech, Luxury, Playful + Custom
Theme Modes
Light, Dark, or Both with automatic toggle button
Color Presets
Font Pairings
Theme Options
Single-File or Multi-File Output
Choose how you want your AI-generated code structured
Single HTML File
All code in one file
HTML + embedded CSS + JS
Perfect for quick uploads to dplooy's single-page hosting
Multi-File Website
Organized file structure
Upload to dplooy's multi-file hosting with folder structure
Save Your Prompts
Keep up to 10 prompts saved locally for quick access
One-Click Save
Save prompts to your browser's local storage
View History
Access your saved prompts anytime
Quick Load
Load and modify previous prompts
Host Your AI-Generated Website
After ChatGPT or Claude generates your code, upload it directly to dplooy for free hosting. Single-file or multi-file websites supported.
Frequently Asked Questions
What is an AI website prompt generator?
An AI website prompt generator creates detailed instructions that you can give to AI tools like ChatGPT or Claude. These prompts tell the AI exactly how to build your website, including layout, sections, colors, typography, animations, and responsive design. Instead of writing vague requests, you get comprehensive, production-ready prompts.
Which AI tools work with these prompts?
Our prompts work with any large language model that can generate code, including ChatGPT (GPT-5.2, GPT-4.1, o4-mini), Claude (Opus 4.5, Sonnet 4.5, Haiku 4.5), Google Gemini (3 Pro, 3 Flash, 2.5 Pro), DeepSeek R1, Llama 4, Mistral 3, and other AI assistants. The prompts are designed to be universal and produce high-quality results across different AI models.
What's the difference between Full and Lite prompts?
Full prompts (~3,000 tokens) include detailed code examples, HTML structure templates, and comprehensive instructions. They're best for paid AI subscriptions with higher token limits. Lite prompts (~1,200 tokens) are 70% smaller with condensed rules but produce the same quality output - ideal for free AI tiers with limited tokens.
Can I customize the prompts?
Yes! You can customize sections (choose from 12 pre-built + add custom), layouts (8 hero styles, multiple options per section), colors (12 presets + custom hex), fonts (7 pairings + custom Google Fonts), themes (light/dark/both), and add custom styling instructions for any section.
Can I host the AI-generated website?
Absolutely! After the AI generates your website code, you can upload it directly to dplooy for free hosting. We support both single HTML files and multi-file websites with CSS, JavaScript, and assets. Your AI-generated website can be live in minutes.
Is the prompt generator free?
Yes, the AI Prompt Generator is completely free to use. You can generate unlimited prompts, save up to 10 locally, and create websites for any purpose. The prompts are designed to work with both free and paid AI subscriptions.
Ready to Generate Your Website Prompt?
Create detailed, production-ready prompts for ChatGPT, Claude, or any AI. Free to use, no account required.