Blog
Guides on DESIGN.md, design tokens, and building in real design systems with AI coding agents like Cursor, Claude Code, v0, Lovable and Bolt.
16 June 2026
What is a DESIGN.md file? How to give your AI coding agent real design taste
A DESIGN.md is a plain-text file that captures a real product's design system — colors, typography, spacing, components — so an AI coding agent builds in that visual language. Here's what's in one and how to use it.
16 June 2026
What are design tokens? A plain-English guide with real examples
Design tokens are named values — colors, type, spacing, radii — that keep a product visually consistent and make it readable by tools and AI agents. Here's what they are, the three layers that matter, and how real products use them.
16 June 2026
How to give your AI coding agent a real design system (Cursor, Claude Code, v0, Lovable, Bolt)
AI agents build generic UI because they have nothing specific to aim at. Here's the simple workflow for handing Cursor, Claude Code, v0, Lovable or Bolt a real design system so it builds in a visual language you chose.
16 June 2026
Dashboard design: the patterns that make product UI feel right
Marketing pages get the attention, but the product is where users live. Here are the dashboard and product-UI patterns — navigation, data density, tables, empty states — that separate a polished app from a generic one.