Projects

Things I've Built

Open source, side projects, AI experiments, and creative work.

Hand-drawn blueprint sketch of a workstation

Featured project

UI Pattern Library

Interface patterns lifted out of projects I actually shipped. Each one renders live in an isolated frame and comes with its markup, its styles, its behaviour, and the prompt that rebuilds it from scratch.

40Patterns
5Categories
0Dependencies
Browse the libraryHTMLCSSJavaScript
A blueprint drawing of interface parts: dialled gauges, dimensioned panels, and a grid of repeated tiles

Open source

Public repositories on GitHub

Several images are terminal recordings; they start on a dark screen and play once loaded.

cc-dash

A dashboard and Model Context Protocol server for a project portfolio whose entire state lives in markdown files. Twenty-five zod-typed MCP tools let Claude Code read roadmaps, advance sessions, and work QA queues without anyone opening the UI. No database: the files are the source of truth, and git is the audit log.

TypeScriptNext.jsMCPzod25 MCP tools · 1,667 tests · MIT
View cc-dash on GitHub →
The cc-dash project dashboard

More open source

Programmer's Proverbs

A collection of proverbs from the programmer. Went viral with hundreds of stars and contributions from the community.

Markdown680 stars

My Dotfiles

Personal VIM/Neovim configuration that ended up featured in the video game Watch Dogs 2.

VimShell47 stars

Babel Plugin Namespaces

A Babel plugin that adds JavaScript namespace support for cleaner code organization.

JavaScriptBabel18 stars

Popstar CMS

A file-based content management system built on Node.js for simple, flat-file websites.

Node.jsJavaScript12 stars

Side projects

Built with Claude Code

Thirteen projects from about two months of evenings.

Read the full story →

Start TUI

Terminal start menu with ranger-style three-column layout, vim-style navigation, auto-categorization of tools, and a built-in database of 134 CLI apps.

Rustratatui

Boil TUI

Terminal game library manager -- basically Steam for your terminal games. Auto-discovers CLI games installed on your system and gives you a TUI to browse and launch them.

GoBubbletea

Media Picker

Cable TV guide TUI that mimics the classic Comcast channel guide. Fetches info from OMDb for TV shows and movies, creates random channels and schedules.

GoBubbletea

3D Fantasy RPG

3D RPG built with one of my kids. Features wave system, random item drops, shops, galaxy mode with different monsters, and a mech mode.

Browser3D

Fishing Game

Browser fishing game inspired by Cat Goes Fishing, built with a kid. Everything runs from a single .html file.

HTMLBrowser

Todos CLI

CLI todo manager using markdown files for storage. Works via TUI or simple commands. Has a SKILL.md that lets Claude Code check and update todos.

CLIMarkdown

Banner Maker

Tool for creating article banners with real tool output in the background and article name overlay.

Utility

Agent IPC

IPC protocol for inter-agent communication. Allowed running one Claude instance in a repo and communicating with another via channel-based chat.

Inter-process

Interactive Learning App

Learning platform with quizzes, code challenges, Mermaid diagrams, and progress tracking. Runs Python via Pyodide and JavaScript via Sandpack in the browser.

Next.jsPyodideSandpack

Content Creation Suite

Content management suite with two implementations -- CLI/full-stack version and client-only web version. Hub-and-spoke content strategy for AI/tech content.

Full-stack

Dashboard

Personalized dashboard with resizeable widgets, GitHub/Jira API integration, and Ollama chat.

ReactAPIs

Blog "2024"

This blog. Auto-discovered articles, content negotiation for markdown API.

SvelteKitMDSvex

Personal Blog

Legacy blog rewritten from unknown framework to modern Astro.

Astro

AI projects

Exploring AI tools, workflows, and creative applications

Service

AI Workflow Consulting

Helping companies implement AI tools and processes effectively.

ClaudeLLMsPrompt Engineering
Article

AI Glossary

Comprehensive glossary of AI terms and concepts.

Creative & content

Podcasts, videos, and visual art

YAFF Podcast

Yet Another Final Fantasy Podcast about Final Fantasy, going through the games one by one in order of release.

YouTube

Tutorials and project walkthroughs covering React, UI libraries, and web development.

Your reading desk

Reading settings

No single setting suits every reader. The defaults come from reading research; change anything and the whole site follows. Your choices stay in this browser.

I build with AI and write about what I learn. Twenty years of software, written down so the next person has an easier time.

Text size

The British Dyslexia Association recommends 16 to 19px body text. The default here is 20px.

Line spacing

1.5 is the style-guide floor. Extra space between lines keeps your eye on the right line.

Letter spacing

Wider letter spacing reduces crowding. In one study, children with dyslexia read about 20% faster with it and made half as many errors (Zorzi et al., 2012).

Line length

Characters per line in the main text column.

Typeface

Plain, upright sans serifs did best in an eye-tracking study of 48 readers with dyslexia (Rello & Baeza-Yates, 2013).

Page tint

Pure white can glare. Pick the tint that is easiest on your eyes. Tints apply to the light theme.

Theme
Reading ruler

A tinted band that follows your pointer, like a card held under the line you're reading.