Tjakoen's personal site (tjakoen.github.io), a custom BATCH + GRAIN app that doubles as the
strongest possible proof the stack works: AI-first design, served as plain static files, with a
lightweight AI demo that runs entirely in the visitor's browser.
Status: live and running. THE EDITOR shell (the whole site as one VS-Code-style window), the
/grainand/batchshowcases, the hero desk on/(watch the AI act), the/catalog, and the notes + rendered layer docs (through MILL) are all built and served today byserver.ts, and the zero-ops GitHub Pages deploy is live (batch/exportvia.github/workflows/pages.yml). The productivity views (Notes, Calendar, Mail, and About) are all live. New here and want to make a small edit? → HACKING.md (route → source map + "which file do I open").
Needs Bun, pinned to 1.3.14, the same version CI runs. There is no bundler and no build step: Bun runs the TypeScript straight from source, so the dev server is the whole toolchain.
bun install
bun run dev # http://localhost:3000 (hot reload, no build)Then visit:
| Route | What |
|---|---|
/ |
the hero desk: watch the AI drive the real surfaces |
/bread |
the stack directory: every layer, one card shape |
/notes |
the blog and the whitepaper, rendered through MILL |
/catalog |
the live GRAIN component catalog |
The checks this repo holds itself to, all runnable locally:
bun test # the unit suite
bun run check # TypeScript, no emit
bun run export # the static build GitHub Pages publishes- It's a consumer of the stack: a bespoke app, re-skinning GRAIN via its public seams.
- It uses MILL only for content (the notes/blog + the rendered BATCH/GRAIN docs). MILL does not build the site: the bespoke surfaces (hero desk, calendar, mail) are the portfolio's own work.
- Organizing concept: a populated productivity app (Notes · Calendar · Mail · About) with the AI
desk as an assistant that operates them. Not the "Project" product in
project/.
- PLAN.md, the execution plan: export → Pages, in-browser AI demo, the build pieces.
- FEATURES.md, the feature menu (north star, the desk, anti-features, reuse table).
- CONTENT-BACKLOG.md, the content to author (guardrails: public repo, neutral).
- GRAIN-PAGE.md · BATCH-PAGE.md, the
/grainand/batchshowcase plans. - PHILOSOPHY.md, the beliefs the site proves.
🤖 Built with Claude, and it is also the proof. This site is the stack's own demo: I made the calls, Claude typed them, and the same pages you are reading are the receipts. I don't prompt and pray, I prompt and prove. How I actually work with AI, receipts and all →