Cottage UI
A React UI component library built alongside a YouTube tutorial series. Clean, reusable, well-tested code.
Sheet 03 of 06. Assemblies and parts.
Things I've built
Open source, side projects, AI experiments, and creative work.
What I'd show you first
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.
- HTML
- CSS
- JavaScript
- Patterns
- 40
- Categories
- 5
- Dependencies
- 0
Open source
Public repositories on GitHub. Five assemblies with drawings, then the parts list.
Photo Importer
Photo organization TUI with video sorting support. Organizes photos into year/month/date folders. Built a TUI around the original script for a better workflow.
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.
Skillbox
A collection of personal prompts and utility prompts packaged as SKILLs for Claude Code. Easily installable via npx.
Agent Compiler
A TUI for embedding skills into a CLAUDE.md file so Claude has a higher chance of picking them up.
Parts list: more open source
| Item | Part and description | Material | Stars |
|---|---|---|---|
| 1 | Programmer's Proverbs A collection of proverbs from the programmer. Went viral with hundreds of stars and contributions from the community. | Markdown | 680 |
| 2 | My Dotfiles Personal VIM/Neovim configuration that ended up featured in the video game Watch Dogs 2. | Vim, Shell | 47 |
| 3 | Tseczka CSS Framework A lightweight CSS framework focused on simplicity and clean design. | CSS | 38 |
| 4 | Babel Plugin Namespaces A Babel plugin that adds JavaScript namespace support for cleaner code organization. | JavaScript, Babel | 18 |
| 5 | Popstar CMS A file-based content management system built on Node.js for simple, flat-file websites. | Node.js, JavaScript | 12 |
| 6 | Cottage UI A React UI component library built alongside a YouTube tutorial series. | React, TypeScript | 13 |
Side projects built with Claude Code
Thirteen builds from two months of evenings. Terminal recordings print as cyanotypes; hover one to see it in colour.
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.
- Rust
- ratatui
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.
- Go
- Bubbletea
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.
- Go
- Bubbletea
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
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.
- CLI
- Markdown
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.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
AI projects
Exploring AI tools, workflows, and creative applications.
AI Workflow Consulting
Helping companies implement AI tools and processes effectively
- Claude
- LLMs
- Prompt Engineering
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.
Photography
A collection of photography and other art.