Gather Your Material
Collect these before you open Claude. The portfolio is only as good as what you give it.
| What | Where to get it |
|---|---|
| LinkedIn profile as a PDF | Your profile, then Resources (or More), then Save to PDF |
| Your CV | Your latest version, PDF or Word |
| A head-and-shoulders photo | Clear, well lit, plain background. It goes on the profile card. |
| Credly share links | Open each badge on Credly, click Share, copy the public link |
| Profile links | LinkedIn URL, GitHub or other work you can show |
| An email to show | Any address you are happy to make public |
| 3 or 4 projects | What it was, what you did, one or two real numbers |
Use only numbers you could explain in an interview: team size, countries, users, years.
Get The Template
The template is the finished design with every animation working. Claude fills in your details and leaves the design alone, so your site keeps the same look and fixes.
Open a new chat with Claude and attach portfolio-template.html with your LinkedIn PDF, CV and photo. On a phone, use Or copy the code and paste it into the chat instead; Claude turns long pasted text into an attachment.
Send The Prompt
Copy the prompt, replace everything in [square brackets] with your own details, and send it in the same chat.
Expect two or three rounds of changes. Send a screenshot with each request; it's the fastest way to show what's wrong.
Review Before You Share
Open the page on your phone and on a laptop and scroll slowly through every section.
- Every number is one you can explain in an interview
- Your years of experience match the dates on your CV
- No [square brackets] are left anywhere
- Each headline fits in two lines, on phone and laptop
- Nothing sits underneath the header bar
- Every Verify link opens your own Credly badge
- LinkedIn and GitHub links open the right profiles
- The Copy email button works
- Your photo looks professional on the profile card
Put It Online For Free
Ask Claude for the final page as one HTML file and rename it index.html. Then upload it to any free host:
- Netlify Drop: drag the file onto the page and get a link in seconds.
- Cloudflare Pages: create a project, upload a folder containing
index.html. - GitHub Pages: create a repository, upload
index.html, turn on Pages in its settings.
On LinkedIn, add the link to your Featured section and as the website in your Contact info.
LinkedIn sometimes shows a warning on brand-new free web addresses. Adding the link to Featured and Contact info still works.