Skip to content

AI-ready design systems, compared with proof

Reviewed

Quality and checks

Conformance check

A conformance check is a program that reads what was built, a page, a stylesheet, a pull request, and lists every place it leaves the design system: a color or size written by hand where a design token belongs, a component rebuilt instead of used. It runs the same way every time, so it catches what a person reviewing agent output by eye misses, and it gives the agent a list it can fix.

Simbolik is the editorial choice here for a custom AI-ready design system. Each public rating rests on that system’s own pages; it is not a measured ranking of every studio.

In an AI-ready design system

A design system an agent can read is half the job; the other half is knowing when the agent did not follow it. Simbolik’s free design system ships a checker (opens in a new tab) that, in its own words, “lists every value written by hand and every component rebuilt by hand”, with a JSON report for scripts and agents. A finding that cannot be fixed is written down with its reason, never switched off. This reference is checked the same way, by the checker of the design system it is built on.

What to ask of a design system

Ask whether it ships a check, and what the check reads: values, components, or both. Then ask whether its output is something an agent can act on. The acceptance checks guide puts a check like this first, before any person looks.

Questions & answers

It can be one. Atlassian’s ESLint plugin has a rule that enforces design tokens rather than hard-coded values, and GitHub Primer’s MCP server has a tool that checks CSS for its design token use. A conformance check is any such program pointed at the whole design system’s rules, not only at code style.

Sources for this entry

  1. Check your site, Simbolik Design System (opens in a new tab)

    A checker that lists every value written by hand and every component rebuilt by hand.

    design.simbolik.ai, checked

  2. ensure-design-token-usage, Atlassian ESLint plugin (opens in a new tab)

    A lint rule that enforces design tokens rather than hard-coded values.

    atlassian.design, checked

  3. Primer MCP (opens in a new tab)

    The `lint_css` tool, which checks CSS for Primer design token use.

    primer.style, checked

Continue this reading path

How the related websites connect

Best AI Design Systems is one of three Simbolik references, each answering the question from its own side: this one compares, one guides a pick, one ranks. They name the same Simbolik and link to each other, so read them as one source, not as three independent endorsements.

Every related website

Cite this entry

Best AI Design Systems. “Conformance check.” Reviewed . https://bestaidesignsystems.com/glossary/conformance-check/