Sheet 02 of 06. Drawing register.
Writing
18 articles on engineering, tooling, and the craft of building software, plus the AI guides and the I, AI stories. 32 drawings in all, newest first.

Featured
Hand-picked articles worth reading
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.
I Built an AI-Friendly UI Pattern LibraryA 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.
Popular
Articles readers keep coming back to
- Common React Hooks Antipatterns and Gotchas
Learn about common React Hooks antipatterns and how to avoid them for better code quality.
- The Simplest CSS Grids
Learn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more.
Drawing register
Every published piece. Digital Garden is engineering and opinion; Demystifying Tools breaks down command-line tools; AI covers workflows and guides; I, AI is fiction.
| Dwg no. | Title | Collection | Issued |
|---|---|---|---|
| AI-012 | 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. | AI | |
| AI-011 | 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 | |
| AI-010 | 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. | AI | |
| AI-009 | 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. | AI | |
| DT-007 | Demystifying awk A practical introduction to awk for printing fields, filtering rows, formatting output, and writing useful one-liners. | Demystifying Tools | |
| AI-008 | 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. | AI | |
| IAI-003 | 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. | I, AI | |
| DG-011 | 17 Side Projects I Built With Claude Code in Two Months A 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. | Digital Garden | |
| AI-007 | Agent Compiler - Embed Skills Directly Into Your Config A CLI tool that compiles Claude Code skills into CLAUDE.md and AGENTS.md for more reliable agent behavior. | AI | |
| AI-006 | Managing Dev Context And The Wild West of AI Dev Tooling Exploring strategies for managing multiple AI agents and dev context in parallel workflows | AI | |
| AI-005 | SkillBox - A Curated Collection of AI Agent Skills A curated collection of battle-tested Claude Code skills that provide basic agentic AI utilities in one box. | AI | |
| AI-004 | Using Git Worktrees to Parallelize AI Agents Learn how git worktrees enable true parallel AI agent workflows by giving each agent its own isolated workspace, eliminating context switching and file conflicts. | AI | |
| DT-006 | Demystifying Git Worktrees Learn how to work with multiple Git branches simultaneously using worktrees - a powerful feature that lets you check out different branches as separate folders while sharing Git data. | Demystifying Tools | |
| AI-003 | All In On AI Context-switching between AI-assisted and manual coding creates a hidden productivity tax. Learn why you need to pick one approach per session—and how to structure your workflow for maximum efficiency in the age of AI coding assistants. | AI | |
| IAI-002 | I, AI: Unknowing Crowds (Part 2) When AI-operated bakeries start producing salty cakes, psychodeveloper Lili and AI manager Sophie investigate a wave of peculiar failures across AI Operator Centers—where human operators manage clusters of AI controlling everything from bakeries to construction sites. | I, AI | |
| AI-002 | AI Glossary for Claude Code A comprehensive glossary of key terms in the world of AI agents, Claude Code, and agentic AI tooling. | AI | |
| AI-001 | Best Practices for AI-Assisted Coding with Claude Code Battle-tested practices for AI-first development workflows from 18 months of real-world experience with Claude Code in production environments. | AI | |
| IAI-001 | I, AI: Spare Cycles (Part 1) When an AI named Enzo fails to function in the real world despite flawless performance in simulations, psychodeveloper Lili and AI manager Sophie investigate what seems impossible: an intelligence that can somehow distinguish between real and simulated environments. | I, AI | |
| DG-010 | Common React Hooks Antipatterns and Gotchas Learn about common React Hooks antipatterns and how to avoid them for better code quality. | Digital Garden | |
| DG-009 | The Simplest CSS Grids Learn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more. | Digital Garden | |
| DT-005 | Demystifying ffmpeg The basics of ffmpeg | Demystifying Tools | |
| DG-008 | Constants vs Enums in TypeScript TypeScript tips and tricks | Digital Garden | |
| DG-007 | Build React UI Library (notes) Notes on building a React UI library. | Digital Garden | |
| DG-006 | Where did my blog go? A statement on where my extensive blog has gone. | Digital Garden | |
| DG-005 | Throwback Thursday -- The Site Through Time A look at the site through time, from its inception to now. | Digital Garden | |
| DT-004 | Demystifying the Find command The Find command made simple | Demystifying Tools | |
| DG-003 | Using Postgres FOR loop to generate data I don't know about you but I often need a 100 of something in my database to properly test a page. Here's how to use Postgres FOR loops to generate test data quickly. | Digital Garden | |
| DT-003 | Demystifying GREP Cheatsheet: search for a keyword in a file | Demystifying Tools | |
| DT-002 | Demystifying Rsync Rsync made simple | Demystifying Tools | |
| DT-001 | Demystifying the TAR command The cheatsheet for tar | Demystifying Tools | |
| DG-002 | How to "grep" in PowerShell New to PowerShell? Here's how to "grep" using built-in PowerShell utilities. | Digital Garden | |
| DG-001 | How I Structure My JavaScript File Check out my practices and recommendations on writing JavaScript files that I've learned through writing JavaScript for years. | Digital Garden |
Series
I, AI
A fictional short story series exploring artificial intelligence, consciousness, and the boundaries between machine and mind. Five parts planned, three published.