A journal of AI workflows, technical leadership, and the craft of building things.
Open source, side projects, AI experiments, and creative work.
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.
40Patterns5Categories0Dependencies
HTML · CSS · JavaScript
Browse the libraryPublic repositories on GitHub.
GitHub →
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.
25MCP Tools1,667TestsMITLicense
A React component library built alongside a YouTube tutorial series. Clean, reusable, well-tested code.
13Stars
A collection of personal prompts and utility prompts packaged as SKILLs for Claude Code. Easily installable via npx.
A TUI for embedding skills into a CLAUDE.md file so Claude has a higher chance of picking them up.
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.
Proverbs went viral with hundreds of stars and contributions from the community. The dotfiles — a personal VIM/Neovim configuration — ended up featured in the video game Watch Dogs 2.
A lightweight CSS framework, a Babel plugin that adds JavaScript namespace support, and a file-based Node.js CMS for flat-file websites.
Built with Claude Code.
Read the full story →
No. 1Terminal 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
No. 2Terminal game library manager -- basically Steam for your terminal games. Auto-discovers CLI games installed on your system.
Go · Bubbletea
No. 3Cable TV guide TUI that mimics the classic Comcast channel guide. Fetches info from OMDb, creates random channels and schedules.
Go · Bubbletea
No. 43D RPG built with one of my kids. Wave system, random item drops, shops, galaxy mode with different monsters, and a mech mode.
Browser · 3D
No. 5Browser fishing game inspired by Cat Goes Fishing, built with a kid. Everything runs from a single .html file.
HTML · Browser
No. 6CLI todo manager using markdown files for storage. Has a SKILL.md that lets Claude Code check and update todos.
CLI · Markdown
No. 7Tool for creating article banners with real tool output in the background and article name overlay.
Utility
No. 8IPC protocol for inter-agent communication. One Claude instance in a repo talks to another via channel-based chat.
Inter-process
No. 9Quizzes, code challenges, Mermaid diagrams, and progress tracking. Runs Python via Pyodide and JavaScript via Sandpack in the browser.
Next.js · Pyodide · Sandpack
No. 10Two implementations -- CLI/full-stack and client-only web. Hub-and-spoke content strategy for AI/tech content.
Full-stackPersonalized dashboard with resizeable widgets, GitHub/Jira API integration, and Ollama chat.
React · APIsThis blog. Auto-discovered articles, content negotiation for markdown API.
SvelteKit · MDSvexLegacy blog rewritten from unknown framework to modern Astro.
AstroExploring AI tools, workflows, and creative applications.
The AI section →Helping companies implement AI tools and processes effectively.
Claude · LLMs · Prompt Engineering ii.ArticleGuide to effective AI-assisted development.
Claude Code · TypeScript iii.ArticleComprehensive glossary of AI terms and concepts.
Reference iv.ExperimentScience fiction exploring AI themes and futures.
Creative Writing · AIPodcasts, videos, and visual art.