AII 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.
20+ years of software development, writing about AI workflows, technical leadership, and the craft of building things.
20+ years building · 600+ GitHub stars · blogging since 2012
Three hand-picked tracks. The third one is loaded in the player below.
The Future is Bespoke, Personalized SoftwareEvery 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 · AI WorkflowsJul 9, 2026
The Local-First App SkillA 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.AI · AI DevelopmentJul 9, 2026
The Anatomy Of My Ideal React ComponentA walkthrough of my very opinionated React Component.Digital Garden · EngineeringMar 11, 2022Workflows, tools, and experiments
AIA 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.
AIEvery 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.
AIA 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.
AIA 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, AIWhen 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.
AIA 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.
Engineering, opinions, and deep dives
GardenA 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.
Learn about common React Hooks antipatterns and how to avoid them for better code quality.
Learn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more.
TypeScript tips and tricks
Every collection on the site, pressed as an album.
AIAlbum · 12 tracks
Digital GardenAlbum · 11 tracks
Demystifying ToolsAlbum · 7 tracks
I, AIEP · 3 of 5 released
UI PatternsSample pack · 40 patterns
Projects, tools, and creative AI work
Helping companies implement AI tools and processes effectively
Guide to effective AI-assisted development
Comprehensive glossary of AI terms and concepts
Science fiction exploring AI themes and futures
I help companies implement AI workflows and accelerate their development teams.