Design MD Blog
The design md blog: guides on writing DESIGN.md files, design tokens, and brand system breakdowns for Claude Code, Cursor, and other AI coding agents.
How to Use Design MD with Cursor
How to use design md with Cursor: wire it into .cursor/rules, keep Composer and inline edits on-brand, and stop re-explaining your visual system every chat.
GetDesignMDHow to Use Design MD with Claude Code
How to use design md with Claude Code: where the file lives, how to reference it from CLAUDE.md, prompt patterns, and a review loop that keeps UI on-brand.
GetDesignMDStripe Design System Breakdown
A Stripe design system breakdown: sohne-var at weight 300, deep navy over purple, blue-tinted layered shadows — the fintech look decoded for AI coding agents.
GetDesignMDVercel Design System Breakdown
A Vercel design system breakdown: the 4-stop grayscale, Geist type rules, shadow-as-border surfaces, and double-ring focus — distilled for AI coding agents.
GetDesignMDHow to Write a Design MD
How to write a design md that agents obey: gather evidence from real styles, name token roles, specify component states, and end with enforceable don'ts.
GetDesignMDDesign Tokens Explained
Design tokens explained for AI-assisted teams: primitive vs semantic tiers, naming that agents obey, and exporting tokens to CSS, Tailwind, and JSON.
GetDesignMD