Colophon

What this site is made of and how it gets built. The full story is in How I Rebuilt My Portfolio With Claude Code .

Stack

Astro v5: Framework. Ships zero JS by default; content collections enforce schema-validated frontmatter at build time.
Tailwind CSS v4: Styling. CSS custom properties for theming; OKLCH color tokens for perceptually-uniform light and dark palettes.
shadcn/ui: Component library. Base-nova style, built on Radix UI primitives. Themed to match the site's warm, minimal aesthetic.
React: Used only where interactivity requires it — the theme toggle, the generative art surfaces, and the local time widget in the footer.
Geist: Sans for body, Mono for labels and code, Pixel for the hero animation. All from Vercel.

AI Agents

Claude Code: AI coding agent for interactive sessions — designing and building features collaboratively in the terminal.
OpenAI Codex: AI coding agent for autonomous background tasks — running longer agentic loops without occupying a terminal session.

Infrastructure

GitHub Pages: Static hosting. Free, native to where the code lives.
GitHub Actions: Automated deployment on push to main.
GitHub Issues: Task tracking. Every enhancement starts as an issue, gets a plan, ships on a feature branch, and merges via PR.