Career · v0.1.0
Link in Bio
One-page personal link hub — the modern business card. Monogram avatar, tagline, short bio, a stack of tappable link cards, social chips and direct contact. Use when someone needs a single URL for a social bio, e-mail signature or QR code.
Paste the prompt into Claude (or any agent that can fetch URLs) with your content — you get back a finished, self-contained HTML file. Manifest ↗
Live preview — the example content ships with the template and is replaced by your content.
What an agent may change — and what content you should have ready. Everything outside these slots is fixed by design.
Slots
| Slot | Type | Req. | Example |
|---|---|---|---|
doc-title |
text | yes | Nienke Broekhuis — illustrator & motion designer, Utrecht |
monogram |
text | yes | NB |
display-name |
text | yes | Nienke Broekhuis |
tagline |
text | yes | Illustrator & motion designer — I make complicated things easy to look at. |
location-line |
text | yes | Utrecht, NL · booking from October 2026 |
bio |
html | yes | <p>I draw and animate explainers for science, climate and public-sector teams — recently for Kader Magazine and the Delta Climate Fund. The picture has to be right, not just pretty.</p> |
links-heading |
text | yes | Where to find me |
featured-eyebrow |
text | no | Start here |
featured-title |
text | no | The Energy Atlas — 40 illustrated maps |
featured-text |
text | no | A year in the making: the Dutch energy transition drawn as one continuous landscape. First chapter free to read. |
featured-url |
url | no | https://nienkebroekhuis.nl/energy-atlas |
contact-note |
text | no | Rather skip the forms? Mail or call me. |
contact-email |
text | no | hallo@nienkebroekhuis.nl |
contact-email-href |
url | no | mailto:hallo@nienkebroekhuis.nl |
contact-phone |
text | no | +31 6 24 88 51 07 |
contact-phone-href |
url | no | tel:+31624885107 |
footer-line |
text | no | © 2026 Nienke Broekhuis · KvK 84226109 |
Repeat: link (2–12×)
One full-width link card. Order them by what a first-time visitor needs most; 4–7 cards read best.
| Slot | Type | Req. | Example |
|---|---|---|---|
link-label |
text | yes | Portfolio |
link-note |
text | yes | Illustration, motion, editorial |
link-url |
url | yes | https://nienkebroekhuis.nl/work |
Repeat: social (1–6×)
One small icon+label chip in the social row. Generic glyphs by design — no brand logos.
| Slot | Type | Req. | Example |
|---|---|---|---|
social-label |
text | yes | |
social-url |
url | yes | https://instagram.com/nienkedraws |
Optional blocks
featured— Highlighted 'start here' card above the link list: current project, launch or the one thing you want clicked. Remove when nothing genuinely deserves top billing.socials— Row of social chips under the links. Remove entirely when the user has no public accounts.contact— Direct e-mail and phone line at the foot of the page. Remove when the user does not want either published.
The authoritative fill instructions from manifest.json — the only place a template may instruct an agent (why).
Delete every data-example card and chip before filling — they are preview content only. Order the link cards by what a first-time visitor needs most: the one action you want them to take goes first, admin and shop links last. Four to seven cards read best; twelve is the ceiling. Keep link-label under ~40 characters and link-note under ~60, one clause, no full stop; around 20 and 35 characters keeps each on one line on a phone, so every card stays the same height. Every URL slot needs its scheme: https:// for links, contact-email-href is 'mailto:' plus exactly the address shown in contact-email, contact-phone-href is 'tel:' plus that same number without spaces. The monogram takes 1–2 uppercase letters only. Never invent a social account, handle or URL: where the user has not supplied one, leave a recognisable placeholder such as [YOUR PORTFOLIO URL] in both the label and the href and tell them to fill it in with the built-in Edit button. Drop the featured block unless there is a real 'start here' project, drop socials when there are no public accounts, and drop contact when no e-mail or phone should be published. Tone: first person, warm and concrete — this is a person, not a corporate landing page.
Published versions are immutable: /t/link-in-bio@{version}/ never changes once live. /t/link-in-bio/ always points at the latest.