What is DESIGN.md for Claude Code?

DESIGN.md is a plain-text design system file that tells AI coding agents how to generate consistent UI — tokens, typography, spacing, components and product taste — for Claude Code surfaces.

How do I use these entries with an AI coding agent?

Copy a DESIGN.md reference or start from a template kit, place the file in your project root, then tell the agent to read DESIGN.md before generating or editing UI.

Are DesignMD templates and references free?

Free brand references and one landing example are open. Premium template kits unlock source, tokens, blocks, license and updates.

Claude Code

Claude Code DESIGN.md templates and references

Curated DESIGN.md templates, references and brand systems related to Claude Code. Preview first, copy agent context second.

4 entries

Using DESIGN.md for Claude Code

Entries tagged Claude Code share visual and product constraints agents should reuse — typography, density, component variants and layout patterns.

Pick a template kit for implementation source or a brand reference for research, then copy DESIGN.md into your repo root.

References

Related DESIGN.md references

Brand and product references that match this tag.

Browse library

DESIGN.md

Claude Code workflow reference

anthropic.com · Minimal SaaS

DESIGN.md

Claude Code workflow reference

anthropic.com · Supabase-style

DESIGN.md

DESIGN.md for Claude Code

anthropic.com · Stripe-style

Claude Code DESIGN.md templates and references

Using DESIGN.md for Claude Code

Related DESIGN.md references

Claude Code workflow reference

Claude Code workflow reference

DESIGN.md for Claude Code

Frequently asked questions

Claude Code DESIGN.md templates and references

Using DESIGN.md for Claude Code

Related DESIGN.md references

Claude Code workflow reference

Claude Code workflow reference

DESIGN.md for Claude Code

Frequently asked questions