Make a website that looks like a terminal had an idea.
Live demo → https://tripleu613.github.io/leek-in-bio/
- Click Use this template (or
git clone). - Open
site.config.tsand change the words. Every placeholder in there tells you what belongs in it. - Run it:
node src/build.ts- Push. Then Settings → Pages → Source: GitHub Actions. Done — it builds and deploys itself from now on.
No npm install. No dependencies. Needs Node 22.18+.
Every line of code in here is TypeScript — including the image pipeline that generates Mr Leek and the social card. No Python, no ImageMagick, nothing to install.
Want to see it locally first? npm run dev → http://localhost:8080
Clone the repo, then paste this at Claude Code / Codex / whatever you use:
Edit
site.config.tsin this repo. Replace all the placeholder text with my real details:
- name and one-line tagline
- a short "about" paragraph
- my links: github.com/me, my email, my site
- three short status lines
Keep the footer credit. Then run
node src/build.ts.
That's genuinely it. The config is one typed file, so the agent can't guess a field name wrong without the build telling it.
Theme — theme: 'leek' · 'phosphor' · 'amber' · 'magenta' · 'ice'
Avatar — avatar: 'leek' (Mr Leek) · 'monogram' (your initials) · any image URL
Cards — add them to cards: in any order:
type |
what it is |
|---|---|
links |
a row of link buttons |
pills |
compact pills, for lots of profiles |
stats |
three facts side by side |
bars |
bar chart of anything |
feed |
dated list of updates |
releases |
projects, each with buttons |
faq |
click-to-expand questions |
text / note |
a paragraph / a bulleted callout |
copy |
copy-to-clipboard rows |
generate |
the joke contact ritual |
Tabs — nav: entries appear in the top bar. Want more pages at their own
URLs, or a blog? Add pages: and posts: — see test/fixtures/full.config.ts
for one with everything turned on.
Text — **bold**, `code`, [links](https://x.com), blank line = new
paragraph. That's the lot.
Set meta.url to your live URL and you get proper previews on Slack,
Discord, iMessage, X, LinkedIn, WhatsApp — a big image card with Mr Leek, your
title and your description. Plus robots.txt, sitemap.xml, a canonical tag,
and schema.org data for search engines.
It has to be an absolute URL with no trailing slash, because og:image does —
scrapers ignore relative and data: URLs. Leave it empty and the build tells
you previews are off.
Optional extras in meta: — siteName, twitter: '@you', sameAs: [...] for
your profiles, image to use your own card instead of the generated one,
imageAlt, author, noindex.
The footer links back here. Please leave it — it's condition 2 of the LICENSE. Restyle it, reword it, move it to a corner, all fine. Just keep it clickable.
A parody of cyberleek.ar.anyone.tech, the site that did the rounds in 2026. The look is copied deliberately and precisely — that's the joke, and there's a test that keeps it honest.
None of its actual content is here: no manifesto, no threats, no crypto, no payment flow, none of its artwork. The contact page's "generate" ritual is a send-up of the original's pay-to-talk gate — it picks twelve vegetables and wastes two seconds of your life, and that is the entire mechanism.
Don't use this to impersonate anyone...
Curious how it's built? docs/internals.md.