← Lab

Building This Site with AI

Using AI pair programming to design and build a personal experiment site from scratch.

shipped

Pair Programming a Portfolio

The Question

Can you build a genuinely well-designed personal website entirely through AI pair programming — one that doesn’t look or feel “vibecoded”?

The Build

This site is the answer. Every line of code, every design decision, every pixel was produced through a collaborative process between a human with opinions and an AI with tools.

The stack is deliberately minimal: Vite + React for the framework, vanilla CSS for styling (no Tailwind, no component libraries), and plain markdown files for content. The goal was total control over the aesthetic — nothing that screams “template.”

Key design decisions:

  • Deep black backgrounds with warm white typography and a single matte red accent color
  • Space Grotesk for headlines (geometric, slightly futuristic) paired with Inter for body text
  • File-based CMS — every experiment is a .md file with YAML frontmatter, fully compatible with Obsidian
  • Consistent anatomy for every experiment: The Question → The Build → The Outcome

The Outcome

It works. The site is fast, accessible, and — most importantly — feels authored rather than generated. The constraint of building entirely through AI conversation forced clearer thinking about design principles upfront, which arguably produced a more cohesive result than the usual iterative design process.

The real test will be whether the “15-minute publish” workflow actually encourages regular updates. The structure is there. Now it needs to be filled.

Say hello.