How to make a portfolio website with AI, without coding

A portfolio built around your work

Every creative job needs a slightly different portfolio, and with vibe coding you get exactly the one you describe:

• illustrators: a gallery with categories (books, editorial, personal projects) and large images that open on click;
• photographers: full-screen photos and galleries organised by series or by type of shoot;
• designers: case studies telling the problem, the process and the result, with images for each step;
• freelancers (copywriters, translators, consultants, developers): services, selected projects, testimonials and a contact form.

Add an About page with your story and a way to get in touch, and you have everything a client needs to decide to work with you.

Step by step

1. Describe yourself and your work. Create a new project, choose "website" and tell the agent who you are, what you do and which sections you want.
2. Plan the structure. Not sure whether you need one gallery or several? Ask in Plan mode: the agent reasons with you without touching any files.
3. Build and watch. The agent may ask a quick question with options, then builds the site while you follow it in the live preview.
4. Add your work. Attach your images in the chat and tell the agent where they go, or upload them later from the admin panel.
5. Refine the details. Point at any element of the preview, a title, a margin, a gallery, and say what you want changed, just like leaving a comment in a design tool.
6. Preview it privately. Your portfolio gets a private preview address, such as https://yourname.previewmyvibe.com, that only you and the people you give permission can open, handy to ask a colleague for an opinion.

An example request, and why it works

The example request on this page is short but complete. It says who the photographer is and where he works, which galleries are needed, what the contact form must ask and what style to follow. That is enough for a first version that already feels personal.

When you write yours, think about:

• your name and your job, plus the city or the clients you work with;
• the sections: galleries, case studies, about, contact;
• the mood: minimal, colourful, playful, editorial. A screenshot of a site you admire helps a lot;
• what you want from visitors: a commission request, a booking enquiry, a message.

Keeping your portfolio up to date

A portfolio is never finished. Every website made with CodeMyVibe comes with a ready-made admin panel where you can add new projects, replace images, edit descriptions and manage your files without opening the chat.

• File and image uploads are handled for you: the agent sets them up when the project needs them.
• Contact messages are saved in a table you can see in the Backend tab, so no request gets lost.
• Versions keep track of every change with a number and a changelog, so you can always go back to a layout you liked.
• AI-generated images are available for backgrounds or decorative details, but your portfolio should show your own work: the agent only creates images if you ask.

Tips for a portfolio that gets you clients

• Choose your best work. Ten to twenty strong pieces are better than a hundred average ones.
• Group by what clients look for. Organise galleries by type of job, not by year.
• Tell a little story. One or two lines for each project (client, brief, result) make a big difference.
• Let the work breathe. Ask for generous white space and simple navigation, so the images are the stars.
• Check it on a phone. Many clients will open your link from social media: switch the preview to phone view and adjust.
• Change one thing at a time. Small, precise requests give more predictable results than a long list of changes.

Putting it online and sharing it

When your portfolio is ready, download the full source code from the Publish page as a ZIP, ready for Docker or a normal web hosting, and put it on the hosting you choose. You can do it at any time and the download is free. One-click hosting is coming soon.

Once it is live, put the link in your social bio, your CV, your email signature and your proposals. Ask the agent for a QR code pointing to your portfolio and print it on your business cards or at the stand of your next fair.

Your portfolio is not locked in: you can also sync it with GitHub, GitLab or Bitbucket, where every version becomes a commit. And if you know a bit of code, the built-in editor (the same as VS Code) lets you fine-tune anything by hand.

Frequently asked questions