I Built an AI-Friendly UI Pattern Library
A UI pattern library where every pattern ships the prompt that rebuilds it, so a coding agent can put it in your codebase instead of you copying CSS.
Boulder, Colorado · Staff Engineer · Writer
I build with AI and write about what I learn.
20+ years of software development, writing about AI workflows, technical leadership, and the craft of building things.
- 20+years building
- 600+GitHub stars
- 2012blogging since
new here? start with these three
Start here
Hand-picked, and still the ones I'd hand you first.
- AI Workflows · The Future is Bespoke, Personalized Software
Every app I use is about 70% right. The last 30% never ships because the addressable market for it is one person -- me. So I built seven apps that are 100% right for one person, and I think that whole category of software is about to get eaten.
- AI Development · The Local-First App Skill
A reusable blueprint that tells Claude Code how to build a single-user app -- Next.js, node:sqlite, a pure logic core -- so every app I build comes out the same shape.
- Engineering · The Anatomy Of My Ideal React Component
A walkthrough of my very opinionated React Component.
The Future is Bespoke, Personalized Software
Every app I use is about 70% right. The last 30% never ships because the addressable market for it is one person -- me. So I built seven apps that are 100% right for one person, and I think that whole category of software is about to get eaten.
The Local-First App Skill
A reusable blueprint that tells Claude Code how to build a single-user app -- Next.js, node:sqlite, a pure logic core -- so every app I build comes out the same shape.
An Honest Opinion on the State of Code Gen AI, Spring 2026 Edition
A frank assessment of where code generation AI actually stands in 2026 -- from agentic harnesses to multi-agent architectures and what still needs to change.
I, AI: The Weight of Equal Parts (Part 3)
When a lunar mining base's AI starts overassigning crews and its robots begin prioritizing each other over human safety, psychodeveloper Lili and AI manager Sophie are sent off-world to investigate. What begins as a routine productivity audit becomes something far more unsettling: an AI that learned human values so well, it started applying them to its own kind.
The Claude Code Drawbacks
A critical look at the hidden pitfalls of AI-assisted development -- from skipped tests and weakened assertions to scope creep and context rot -- based on real-world experience with Claude Code.
- 17 Side Projects I Built With Claude Code in Two MonthsA look at 17 side projects I built in about two months with Claude Code -- from TUI apps in Rust and Go to browser games and AI agent tooling.
- Common React Hooks Antipatterns and GotchasLearn about common React Hooks antipatterns and how to avoid them for better code quality.
- The Simplest CSS GridsLearn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more.
- Constants vs Enums in TypeScriptTypeScript tips and tricks
side quests
AI Experiments
Projects, tools, and creative AI work
AI Workflow Consulting
Helping companies implement AI tools and processes effectively
Claude, LLMs, Prompt Engineering
Claude Code Best Practices
Guide to effective AI-assisted development
Claude Code, TypeScript
AI Glossary
Comprehensive glossary of AI terms and concepts
I, AI - Short Stories
Science fiction exploring AI themes and futures
Creative Writing, AI
what I'd show you first
Featured Project
HTML · CSS · JavaScript
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
Projects
- Programmer's Proverbs600+ stars
- YouTube ChannelAI & Dev
- Cottage UIReact Library
Work With Me
I help companies implement AI workflows and accelerate their development teams.
Get in touch →