Skip to content
## AgentDS

## agents/cursor

Use DESIGN.md with Cursor

Cursor applies project rules from .cursor/rules to matching files. A small rule injects DESIGN.md into every UI-generation context.

  1. Fetch the DESIGN.md into the repo root.
  2. Create .cursor/rules/design-system.mdc scoped to your UI globs.
  3. Reference the file from the rule so Cursor loads it when generating components.

target file: .cursor/rules/design-system.mdc

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

# .cursor/rules/design-system.mdc — add:
---
description: Design system rules for all UI work
globs: ["**/*.tsx", "**/*.css"]
---
Read DESIGN.md at the repo root before generating UI. Reference its
tokens by name; never invent values.

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

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