Blog
Notes on design systems for AI agents
Practical guides and keyword research on briefing Claude, Cursor, and Lovable for beautiful, on-brand UI.
The free design.md library for AI tools (and how to actually use one)
A free design.md library and design.md directory for Claude, Cursor, and Lovable. What a design.md file is, why your AI keeps shipping generic UI without one, and how to drop one into your project in under a minute.
Why every AI landing page looks the same (and the 5 token fix)
Every AI landing page reaches for the same purple gradient, Inter at fourteen pixels, and a glass card on white. Here is why, and the five tokens that break the pattern.
The shadcn trap: why your AI app looks like every other AI app
Shadcn is great, but the defaults are the trap. Here is why shadcn looks generic out of the box, and the small set of token edits that fix it without giving up the library.
design.md vs claude.md vs cursor rules: what goes where
A short, opinionated field guide to design.md vs claude.md vs cursor rules. What each file is for, what to put in it, and the one rule that resolves most of the arguments.
How to give Claude Code a real design system, with a single markdown file
Claude Code has good taste in code and weak taste in UI by default. Here is the two file setup that fixes it on day one.
What a free DESIGN.md file is, and why every AI codebase should have one
A DESIGN.md is a single markdown file that gives an AI coding agent a real design system to follow. Here is what it contains and how to write one.
Lovable design system: how to lock your AI with free DESIGN.md
Lovable is great at executing prompts and weak at staying visually consistent over time. Here is how to lock the agent to your design system from day one.