Design systems for AI agents

DESIGN.md guides

Practical guides for giving AI coding agents better visual context: format basics, templates, design tokens, product examples, and workflows for Cursor, Claude Code, Codex, Devin Desktop, OpenCode, Google Antigravity, Amp, and more.

Start with your tool

Six popular agent workflows

Cursor

7 min guide

Claude Code

7 min guide

Codex

7 min guide

Devin Desktop

8 min guide

OC

OpenCode

5 min guide

AG

Google Antigravity

5 min guide

New to DESIGN.md? Start here

Four guides in the right order to go from zero to working with AI agents.

1

Understand the format

What is DESIGN.md?

2

Write your first file

DESIGN.md template

3

Learn why it matters

Why AI agents make ugly UI

4

Apply to your tool

DESIGN.md for Claude Code