Skip to content
## AgentDS

## agents/claude-code

Use DESIGN.md with Claude Code

Claude Code reads CLAUDE.md at the repo root on every session. Point it at DESIGN.md once and every UI task follows the system.

  1. Fetch the DESIGN.md for your chosen system into the repo root.
  2. Add a design-system rule to CLAUDE.md telling Claude to read DESIGN.md before any UI work.
  3. Alternatively, install the AgentDS skill and ask for a system by name.

target file: CLAUDE.md

# Fetch the design system file
curl -fsSL https://api.agent-ds.oday-bakkour.com/v1/systems/carbon/design.md -o DESIGN.md

# CLAUDE.md — add:
## Design system
Read ./DESIGN.md before writing or changing any UI. Use its tokens by
name; never invent colors, radii, fonts, or spacing.

Replace carbon with any slug from the catalog. Or skip the manual setup entirely:

npx skills add System-Desgin/AgentDS --skill design-systems