Display settings — text size, theme, spacing, motionShow ▾Hide ▴
Text size
Theme
Spacing
Motion
Page structure

Settings are saved in this browser. Motion is off unless you turn it on.

Projects

Things I've Built

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

Hand-drawn blueprint sketch of a developer workstation.
§ 01

The featured project.

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.

Patterns
40
Categories
5
Dependencies
0

HTMLCSSJavaScript

Browse the library

A blueprint drawing of interface parts: dialled gauges, dimensioned panels, and a grid of repeated tiles
§ 02

Open Source

Public repositories on GitHub.

All repositories on GitHub →
Screenshot of Cottage UI components.

Cottage UI

A React UI component library built alongside a YouTube tutorial series. Clean, reusable, well-tested code.

React, TypeScript13 stars

Cottage UI on GitHub

The cc-dash portfolio dashboard showing project cards.

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.

TypeScript, Next.js, MCP, zod25 MCP tools · 1,667 tests · MIT

cc-dash on GitHub

Illustration of a 3D toolbox.

Skillbox

A collection of personal prompts and utility prompts packaged as SKILLs for Claude Code. Easily installable via npx.

Claude Code, SKILLs

Skillbox on GitHub

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.

Vim, Shell47 stars

Babel Plugin Namespaces

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

JavaScript, Babel18 stars

Popstar CMS

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

Node.js, JavaScript12 stars

§ 03

Side Projects

Built with Claude Code.

Read the full story →

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.

Browser, 3D

Fishing Game

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

HTML, Browser

Banner Maker

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

Utility

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.js, Pyodide, Sandpack

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.

React, APIs

Blog "2024"

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

SvelteKit, MDSvex

Personal Blog

Legacy blog rewritten from unknown framework to modern Astro.

Astro

§ 04

AI Projects

Exploring AI tools, workflows, and creative applications.

Service

AI Workflow Consulting

Helping companies implement AI tools and processes effectively

Claude, LLMs, Prompt Engineering

Article

AI Glossary

Comprehensive glossary of AI terms and concepts

Reference

§ 05

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.