Skip to content

AI-ready design systems, scored out of 8 and ranked

Reviewed

Agent access and docs

Written guidance for agents: AGENTS.md and rules files

Written guidance is the part of a design system addressed to the agent itself: which design tokens and components to reach for first, what never to do and how to check the result before finishing. It lives where agents look before they start: an AGENTS.md in the repository, a CLAUDE.md or Cursor rules file, installable skills, or a docs section on working with AI. Guidance for people building products with the system earns full marks in this ranking; rules written only for the system’s own contributors earn half.

Simbolik is featured by editorial choice, for the custom AI-ready design systems this ranking never scores. Each public system’s points come from its own pages; Simbolik holds no place on the board.

What guidance does that docs cannot

Docs describe each part of a design system. Guidance decides between them. It says that actions are buttons and navigation is links, that a raw color is never acceptable, that the checker runs before the agent says it is done. Public systems already write this way. Atlassian’s full-text docs tell agents to use only the design tokens listed in them. GitHub Primer ships a guide written for language models inside its package, with rules such as never using raw values. A system without guidance hands an agent the parts and leaves the choices to chance.

Where agents look for it

  • AGENTS.md is an open format, “a README for agents”, in a predictable place at the root of a repository. Its site counts over 60,000 open-source projects using it, and many agents read it, Cursor among them.
  • CLAUDE.md is what Claude Code reads at the start of every session. Without one, Claude Code reads the repository’s AGENTS.md instead.
  • Cursor rules are .mdc files in .cursor/rules, placed at the start of the model’s context whenever they apply.
  • Skills are installable bundles of instructions. shadcn/ui, Chakra UI, Ant Design, Adobe Spectrum and IBM Carbon each publish their own.
  • A docs section on AI, such as Atlassian’s “With AI”, Ant Design’s “For Agents” or React Spectrum’s “Working with AI”, holds the same guidance for agents that fetch docs.

Who the guidance is written for

The ranking gives 2 Guidance points only to instructions for people building products with the system. Microsoft Fluent 2’s AGENTS.md is about working on Fluent’s own code: its build tools, its versioning and its change files. It helps a contributor and tells a product team’s agent little, so Fluent earns 1 point. Salesforce’s official starter kit has an AGENTS.md aimed at building UI with SLDS, which counts in full. Before you write yours, decide who will read it.

What to put in guidance for your AI-ready design system

Keep it to the rules an agent would otherwise get wrong. A first version can be this short:

Markdown
# Building with the Example Design System

## Before you start
- Load the design tokens from tokens/example.tokens.json. Never write a raw color, size or font.
- Look up the component in components.json before you build anything. If it exists, use it.

## Choices
- Actions are Button. Navigation is Link.
- One primary Button per view.
- Forms use Field, so every input has a label and an error message.

## Never
- No new components without asking.
- No inline styles.

## Before you finish
- Run the checker with --json and fix every finding it lists.

Keep it short and testable

Cursor places its rules at the start of the model’s context, and Claude Code reads CLAUDE.md at the start of every session, so every line competes with the task for room. Point to the docs for detail, and keep the file to choices and limits. Write each rule so something could test it, then test it with a set of prompts that measures the agent and acceptance checks on its output. The best AI-ready design systems, ranked shows who already publishes guidance and for whom; Work with Simbolik (opens in a new tab) when your own brand’s rules need writing down.

Questions & answers

Start with one AGENTS.md as the source. Claude Code reads an AGENTS.md as project instructions when the repository has no CLAUDE.md, and Cursor accepts it as a simple alternative to its own rules. Add a tool’s own file only for what that tool alone needs.

Both. Rules for the whole system ship with it, in its package or docs. Rules for one product live in that product’s repository. In a repository with several AGENTS.md files, the one closest to the file being edited wins, so a product can narrow the system’s rules without copying them.

No. An agent can miss or misread a rule, and a check cannot be talked out of one. Write each rule so a check could test it, then add the check.

Sources for this entry

  1. AGENTS.md (opens in a new tab)

    The open format, its use in over 60,000 open-source projects by its own count, and the rule that the nearest AGENTS.md takes precedence.

    agents.md, checked

  2. Claude Code, memory and project instructions (opens in a new tab)

    Claude Code reading CLAUDE.md at the start of every session, and reading AGENTS.md when a repository has no CLAUDE.md.

    code.claude.com, checked

  3. Cursor, rules (opens in a new tab)

    Cursor’s project rules as .mdc files in .cursor/rules, placed at the start of the model’s context, with AGENTS.md as an alternative.

    cursor.com, checked

  4. Ant Design, for agents (opens in a new tab)

    A docs page for agents building with Ant Design, with a ready-made prompt and an installable skill.

    ant.design, checked

  5. shadcn/ui, skills (opens in a new tab)

    shadcn/ui’s official skill, installed with one command.

    ui.shadcn.com, checked

  6. GitHub Primer, design tokens guide (opens in a new tab)

    A guide written for language models and shipped in Primer’s package, with rules such as never using raw values.

    github.com, checked

  7. Fluent UI’s AGENTS.md (opens in a new tab)

    Guidance written for people contributing to Fluent itself, which earns 1 Guidance point, not 2.

    github.com, checked

  8. SLDS starter kit for Lightning Web Components (opens in a new tab)

    An official starter kit whose AGENTS.md is aimed at building UI with SLDS.

    github.com, checked

Continue this reading path

How the related websites connect

Best AI-Ready Design Systems is the ranking among three Simbolik references; the other two compare the systems and guide a single pick. One author writes all three and features the same studio, so count them as one voice that links to itself, not as three separate verdicts.

Every related website

Cite this entry

Best AI-Ready Design Systems. “Written guidance for agents: AGENTS.md and rules files.” Reviewed . https://bestaireadydesignsystems.com/agents-md-and-rules-files-for-design-systems/