Turn your resume into a portfolio website with Claude — UsmanSkip to content
Usman
← all guides

AI · 3 min read

Turn your resume into a portfolio website with Claude

Give Claude your resume and one prompt, get a real portfolio site, and host it free.

UsmanUsman · updated October 2026keyword: PORTFOLIO

A PDF resume looks like everyone else’s. A live portfolio website doesn’t, and recruiters remember a link more than an attachment. The good news: you don’t need to know how to code to have one. You give Claude your resume and a photo, it builds the whole site, and you host it free.

The steps:

  1. Open a new chat at claude.ai.
  2. Paste the prompt below, then paste your resume text under it.
  3. When Claude gives you the HTML, save it as index.html.
  4. Add your photo where it left the placeholder.
  5. Host it free on GitHub Pages or Netlify, and you’ve got a live link to put on your CV and LinkedIn.

The prompt:

Here is my resume (text below), and I'll attach a photo.

Build me a complete personal portfolio website as a single, self-contained
HTML file (inline CSS and JS, no external frameworks or libraries).

Requirements:
- Sections: a hero with my name + title + a one-line tagline; About; Skills
  (grouped); Projects (with short descriptions); Experience; Education; and a
  Contact section with my email, LinkedIn and GitHub.
- Clean, modern, responsive design that looks good on a phone. Professional,
  not flashy.
- Use ONLY what's in my resume. Do not invent any experience, skill or project
  I didn't include.
- Leave a clearly-marked placeholder for my profile photo if I haven't given a
  usable image.
- Make it ready to host as index.html on GitHub Pages or Netlify.

My resume:
[paste your resume]

Three honest notes so it actually lands. First, the “use only what’s in my resume” line matters, keep it in, because a portfolio that claims skills you don’t have will fall apart in the interview. Second, Claude leaves a placeholder for your photo rather than magically inserting your face, so drop your real image in before you publish. Third, proofread the final site the same way you’d proofread a CV, the generation is fast but it’s still your name on it. Do that, and you’ll have a live portfolio in an afternoon that most applicants never bother to make.

Tools mentioned

  • Claude

Free either way — an account just keeps your list.

Keep reading

Usman, Tech in Pakistan

Made by Usman — Tech in Pakistan

Found this useful? Follow for more — this started as a reel. No paywalls, no course funnel.

Your personalized plan