← Tom KeefePROJECT 06

tomkeefe.ai

A home for the tools I’m building and what I’m learning along the way.

Why I built it

I wanted somewhere to show the work behind these projects. A title or a list of skills can only say so much. The products, the reasons I built them, and the code make the story easier to see.

What it does

The homepage gives a quick view of what I’m working on. Each project page explains why I built it, what it does, and how it works, with screenshots or a visual walkthrough where they help. Every project links to a public GitHub repo. Where an app accepts signups, there is a direct link to get started. My building principles and contact links sit alongside the work.

What I built

A Next.js site built on a design system from Claude Design, with shared page layouts and typed content files. The same typography, colors, navigation, and image treatment carry across the pages, with layouts that adapt to phones and both light and dark themes. I work through the story and design in a local preview, use the result, and refine it before publishing. Tests check the content structure; browser checks show whether the pages actually look and behave as intended.

ROLEDirection, copy and review
STACKNext.js · React · TypeScript
DESIGN SYSTEMClaude Design
TYPOGRAPHYOnest · IBM Plex Mono
THEMESLight and dark
STATUSYou're here now
← All projectsNEXT — Camera Agent

Let's talk.

Most of what's on this page started as a problem I was annoyed about. Happy to talk through any of it, or yours.