# I built a ridiculously beautiful link-in-bio with Claude

Every prompt from the guide, in order. Fill in anything in [BRACKETS].

## Prompt 1. Build the page

Paste into a new Claude chat with your links filled in and your photo attached.

```
Build me a link-in-bio page as an artifact. It's for people who tap the link in my Instagram bio, so design it for a phone first.

Use only what I give you below. Don't invent offers, prices, stats or links. If anything's missing, ask me.

Put my main action at the top, then my offers, then my free stuff, then my socials. Make every button big enough to tap with a thumb.

NAME: [YOUR NAME]
BIO: [WHAT YOU DO AND WHO IT'S FOR]
MAIN ACTION: [THE ONE THING PEOPLE SHOULD DO FIRST + EXACT URL]
OFFERS: [NAME + PRICE + EXACT URL, ONE PER LINE]
FREE STUFF: [NAME + EXACT URL, ONE PER LINE]
SOCIALS: [EXACT PROFILE URLS]
PHOTO: [ATTACH ONE PHOTO YOU'RE HAPPY TO USE]
```

## Prompt 2. Ask for three looks

Paste into the same chat once the first version appears.

```
Now show me three completely different versions of this page at phone size.

Keep every link, price and word exactly the same in all three. Only the design changes: colours, fonts, layout and how my photo is used.

Give each version a name and tell me in one line what makes it different. Don't pick one for me.
```

## Look A. Midnight

Use one of these if you'd rather steer the looks yourself.

```
Make it dark and glowing. A deep black background with soft crimson and violet light behind everything. Put my links in frosted glass cards and make the main button white, so it's the first thing people see.
```

## Look B. Sage



```
Make it calm and editorial. A muted sage green background, a big elegant serif for the headline, my photo in an arch shape and my links as a simple list with thin lines between them.
```

## Look C. Studio



```
Make it clean and bright. A soft silver-white background, my name huge at the top, my photo in a tall card and my links in a grid of white cards with very soft shadows.
```

## Prompt 3. Make it yours

Paste once you've picked a version, with your own changes filled in.

```
I'm going with [THE VERSION YOU PICKED]. Keep every link exactly as it is and change only these things:

1. Use my brand colours: [YOUR HEX CODES]
2. [YOUR CHANGE, E.G. FEWER CAPITALS]
3. [YOUR CHANGE, E.G. ONE PHOTO, TOP RIGHT, SLIGHTLY TILTED]
4. [YOUR CHANGE, E.G. AN IMAGE ON EVERY CARD]

Show me the phone view when you're done.
```

## Prompt 4. Check it on a phone

Paste before you put it anywhere near your bio.

```
Check this page at phone width: 360, 390 and 430 pixels wide.

1. Fix anything that runs off the side of the screen.
2. Fix any text that gets cut off.
3. Make any button that's too small to tap bigger.
4. List every link on the page next to where it goes, so I can check each one.
```

## Prompt 5. Get the file for your own domain

Only for option 2, hosting it yourself.

```
Give me this page as one single file called index.html. Put all the styles and scripts inside it and keep my photo as a link I can swap.

Then tell me which lines to change when I want to update a link or a price later.
```