Ship your personal website

1. Copy this prompt into Claude Code

First add your resume or LinkedIn PDF to the project. Then paste this in, fill the [bracketed] bits, and send it.

Build me a clean, modern personal website using only HTML, CSS, and JavaScript,
as a single project I can deploy on Vercel. Use the attached PDF (my resume /
LinkedIn profile) as the source for my background, experience, and skills.

Include:
- a short hero intro at the top with my name and what I do (a photo is optional),
- an About section,
- an Experience section,
- a Projects section I can add to later,
- a simple way to contact me.

Style: simple, professional, easy to read on a phone. My vibe is [pick a few:
warm and approachable / clean and corporate / bold and creative / minimal].
[Optional: use [color] as an accent color.]

Important: only use facts from my PDF. Do not invent jobs, dates, titles, or
numbers. If something isn't in the PDF, leave it out.

Put everything in one project folder so it's ready to deploy on Vercel.
The deployed site must be plain static files: exclude my PDF from the
deployment (it has personal details), and exclude any helper files you
create for local preview so they don't change how Vercel builds the site.

2. Then just talk to it

Once you see the first version, change it in plain language, one thing at a time:

• "Make the header darker."
• "Add a Projects section with one card I can fill in later."
• "The About section is too long, cut it in half."
• "Use a bigger font and more space between sections."
• "Move my contact email to the top right."

Change one thing at a time so it is easy to see what each request did. The AI is good, not perfect, so read what it wrote and fix anything that is not true.

3. Your checklist

Before you start: the Claude Code desktop app open (on a paid Claude plan: Pro or Max), your resume or LinkedIn profile saved as a PDF (LinkedIn: your profile, the More (•••) button, Save to PDF), and a free Vercel account: go to vercel.com → Sign Up → "Continue with Email", pick the free Hobby plan. Two minutes now saves a login maze mid-deploy later.

1. Open a project folder. Make a new, empty folder first (right-click your Desktop or Documents → New Folder → name it my-website), then open the Claude Code desktop app, start a new project, and pick that folder.
2. Add your PDF. Move your resume or LinkedIn PDF into that my-website folder (or drag it into the Claude Code window) so Claude Code can read it. Your finished site is public. If you'd rather keep your phone number or home address off it, use a copy of your resume with those removed.
3. Paste the starter prompt (above). Fill in the [brackets]. Can't decide on a vibe? "Clean and corporate" is a safe default you can change later. Send it.
4. Preview the result. Let it build the HTML, CSS, and JS. Open the preview and look it over.
5. Iterate once or twice. Plain-English tweaks, one change at a time. If the preview doesn't show a change, refresh it before assuming something's wrong; previews sometimes show a cached page.
6. Check your facts. Read it. Tell it to fix or remove anything that is not true. Also check the contact email. Is that the address you want strangers using?
7. Deploy to Vercel. Ask Claude Code to deploy. When it needs to log in, a browser opens. Sign in with the Vercel account you made before starting. Copy the live URL. (First time, it may ask permission to install the deploy tool. Approve it; that is normal.) Full walkthrough and troubleshooting: the deploy guide.
8. Check the live site. Open the URL on your phone. Looks good small? Then try your-name.vercel.app/YourResumeFileName.pdf. It should say not found; your source PDF must not be public.
9. Add a second page. Ask for a /projects page, then deploy the update, so you know how to grow it.
10. Save your link. You will add a chatbot to this exact site in Session 2.