πŸ—οΈ

AI Portfolio Website Builder β€” Free Prompt Generator

Answer 10 quick questions. We generate a ready-to-use prompt. Paste it into Claude or ChatGPT β€” your site, no back-and-forth.

Works with Claude AI ChatGPT GitHub Copilot
Step 1 of 10 10%
Step 1 of 10
Who are you? πŸ‘€
Pick the one that fits best.
πŸ“· Photographer
🎨 Designer
✏️ Illustrator
πŸ’» Developer
πŸ’Ό Consultant
🎯 Coach
βš–οΈ Lawyer
πŸ› οΈ Craftsperson
πŸ–ΌοΈ Artist
πŸ“ Writer
πŸ‘€ Other
Step 2 of 10
What's the main goal? 🎯
This shapes the entire structure of the site.
🀝 Get new clients
✨ Showcase my work
πŸ’° Sell my services
πŸ“„ Replace my CV
πŸ“’ Share my content
Step 3 of 10
Choose your vibe 🎨
The style that best represents you.
⬜ Modern & Minimal
πŸ’Ž Premium & Elegant
πŸ”₯ Creative & Bold
🌿 Friendly & Warm
πŸŒ‘ Dark & Tech
🏒 Clean & Professional
Step 4 of 10
Pick your colors 🎨
Choose a primary color and optionally a second accent color.
Primary color
Blue
Green
Purple
Orange
Red
Black
Neutral
Custom
Second accent color (optional)
None
Blue
Green
Purple
Orange
Gold
Pink
Custom
Step 5 of 10
Which sections? πŸ“‹
Hero, About and Contact are already included.
πŸ’‘ Pick only what you actually need β€” Claude builds better sites with a clear structure.
βœ“
Hero
βœ“
About
βœ“
Contact
Portfolio
Services
Testimonials
Pricing
FAQ
Blog
CV / Resume
Gallery
Step 6 of 10
Main call to action πŸ“£
What do you want visitors to do first?
πŸ“¬ Contact me
πŸ“… Book a call
πŸ’¬ Request a quote
πŸ‘οΈ View my work
⬇️ Download my CV
Step 7 of 10
Do you have content ready? ✍️
The AI will handle the text based on your answer.
✨ Generate all content for me
πŸ”² Use placeholder content
πŸ“‹ I'll add content later
Step 8 of 10
Any extra features? ⚑
Select all that apply. Responsive design, social links and SEO are always included.
Contact form
Newsletter signup
Online booking
Dark mode toggle
Smooth animations
Blog section
Step 9 of 10
Which technology? πŸ› οΈ
Not sure? Pick "I don't know" β€” the AI will choose the best option.
🌐 HTML / CSS / JS
βš›οΈ React
β–² Next.js
πŸš€ Astro
🀷 I don't know
Step 10 of 10
Website or business name ✏️
Your name, studio name, or brand β€” whatever you want on the site.
Almost there πŸŽ‰
Review your choices
Everything look right? Hit Generate to build your prompt.
Building your prompt
Just a moment… ✨
Analyzing your choices...
Building your website structure...
Writing detailed instructions for the AI...
Finalizing your prompt...
Your prompt is ready πŸŽ‰
Copy and paste into Claude or ChatGPT
Start a new chat and paste. The AI will build your site without asking any questions.
βœ… This prompt tells the AI exactly what to build β€” no follow-up questions, no back-and-forth.
Your generated prompt
Open Claude AI β†’
πŸ“‹ What to do after pasting the prompt
1
Paste into Claude or ChatGPT β€” Claude will generate a complete, self-contained HTML file. Copy all the code it returns.
2
Save the code as index.html β€” open a text editor (Notepad, TextEdit, VS Code), paste the code, and save the file.
3
Add your images β€” rename your profile photo your-photo.jpg and your portfolio images portfolio-1.jpg, portfolio-2.jpg, etc. Put them in the same folder as index.html.
4
Replace the placeholder text β€” open index.html in a text editor and search for [PLACEHOLDER] to find all the text to update.
5
Open in your browser β€” double-click index.html to preview your site. To publish it online, upload the folder to any web host.