Comparison

The affordance matrix

What each system actually ships for AI consumption and building. A filled cell links to the artifact itself — the docs page or the repo. A system name goes to its full record.


officialcommunity-only none found
Which AI affordances each of the 19 design systems ships, and whether they’re official or community-built.
SystemMCP serverllms.txtAgent skillEditor rulesRepo agent filesAI docsRegistryCLICode ConnectStorybookOther
AI-native · 13
Ant DesignOfficial: @ant-design/cli mcp (official antd MCP server) · @jzone-mcp/antd-components-mcp (community) (community) (opens in new tab)Official: llms.txt / llms-full.txt / llms-semantic.md family (opens in new tab)Official: antd skill (skills/antd/SKILL.md in ant-design-cli) · .agents/skills/ — six maintainer skills (symlinked to .claude/skills and .cursor/skills) (opens in new tab)Official: .github/copilot-instructions.md (opens in new tab)Official: CLAUDE.md (root, 291 lines) with AGENTS.md symlinked to it (opens in new tab)Official: docs/react/for-agents (“For Agents”) (opens in new tab)None foundOfficial: @ant-design/cli — `antd setup` / `antd lint` / `antd migrate --apply` (opens in new tab)None foundNone foundOfficial: design.md (google-labs-code/design.md format) (opens in new tab)
Atlassian Design SystemOfficial: ADS MCP server (remote, hosted) · @atlaskit/ads-mcp (local stdio) (opens in new tab)Official: llms.txt + topic-split sets (opens in new tab)Official: atlassian-design-system agent skill (opens in new tab)None foundNone foundNone foundNone foundNone foundNone foundOfficial: design-system/storybook-addon (opens in new tab)Official: DESIGN.md — portable design-context manifest · @atlaskit/eslint-plugin-design-system + @atlaskit/eslint-plugin-ui-styling-standard · Hypermod codemod CLI + ads_migration_guides (opens in new tab)
Carbon Design SystemOfficial: Carbon MCP (opens in new tab)Official: llms.txt (opens in new tab)Official: carbon-builder skill (v1.1.0) (opens in new tab)Official: Multi-client skill install matrix (Bob, Claude Code, Claude Desktop, Cursor .mdc, GitHub Copilot coding agent, VS Code) (opens in new tab)Official: AGENTS.md (root + per-package) in carbon monorepo · Bob AI bug-triage bot (.github/prompts/bob-bug-triage.md + .bob/custom_modes.yaml + issue-triage.yml) · AGENTS.md across sibling Carbon repos (ibm-products, carbon-labs, carbon-ai-chat) (opens in new tab)Official: Carbon MCP docs section: Overview / Onboarding and setup / Prompts / Token conservation (opens in new tab)None foundNone foundOfficial: Figma Code Connect, auto-published from main (opens in new tab)None foundOfficial: Prompt guidance page (DOs / DON’Ts / starter template / sample prompts) (opens in new tab)
Chakra UIOfficial: @chakra-ui/react-mcp (official Chakra UI MCP Server) (opens in new tab)Official: llms.txt + six sliced variants (opens in new tab)Official: chakra-ui-builder / chakra-ui-migrate / chakra-ui-refactor (official Claude Code Skills) · .claude/agents — github-issue-triage & ark-ui-version-bumper subagents (opens in new tab)None foundOfficial: CLAUDE.md (repo root) (opens in new tab)Official: Dedicated “AI” docs section (get-started/ai/*) (opens in new tab)None foundOfficial: @chakra-ui/cli snippet add + @chakra-ui/codemod upgrade (opens in new tab)None foundNone foundOfficial: .claude/commands — ark, changelog, github-reviewer slash commands (opens in new tab)
daisyUIOfficial: daisyUI Blueprint MCP (v1.5) · Community daisyUI MCP servers (birdseyevue/daisyui-mcp et al.) (community) (opens in new tab)Official: daisyui.com/llms.txt (opens in new tab)Official: Official daisyUI skill (skills/daisyui/) · Paid Dashboard Skill and Charts Skill (opens in new tab)Official: .github/instructions/*.instructions.md (6 files) (opens in new tab)None foundOfficial: Editor/LLM setup docs + /ai landing page (opens in new tab)Official: Agent-plugin marketplaces (.claude-plugin, .codex-plugin, .cursor-plugin, .grok-plugin, .agents) (opens in new tab)Official: npx skills add saadeghi/daisyui (opens in new tab)None foundNone foundNone found
HeroUIOfficial: @heroui/react-mcp (and @heroui/native-mcp) · T-hash06/heroui-mcp (community) (community) (opens in new tab)Official: llms.txt family (8 files, sliced by context budget) (opens in new tab)Official: heroui-react Agent Skill (+ heroui-migration, heroui-native) · .claude/agents/ — five specialised subagents + .claude/guides/ (opens in new tab)None foundOfficial: AGENTS.md + CLAUDE.md (contributor-facing) (opens in new tab)None foundNone foundOfficial: heroui-cli agents-md · heroui.com/install — multi-harness skill installer (opens in new tab)None foundNone foundOfficial: prompts/ — vendor-specific system prompt packs · .claude/hooks.mjs — pre/post-edit validation loop (opens in new tab)
Nuxt UIOfficial: Nuxt UI MCP Server · nuxt-mcp (antfu) (community) (opens in new tab)Official: llms.txt / llms-full.txt (opens in new tab)Official: nuxt-ui Agent Skill (skills/nuxt-ui/) (opens in new tab)None foundOfficial: AGENTS.md (repository root) (opens in new tab)Official: Docs-site AI assistant with live `applyTheme` tool calling (opens in new tab)Official: skills/index.json manifest · Agent discovery layer: .well-known/api-catalog, MCP server-card.json, Link headers, sitemap.md, markdown content negotiation (opens in new tab)Official: `nuxt-ui make component` CLI (opens in new tab)None foundNone foundOfficial: @nuxtjs/mcp-toolkit (opens in new tab)
PatternFlyOfficial: @patternfly/patternfly-mcp (opens in new tab)Community: llms.txt / llms-full.txt (community)Official: pf-* consumer skills (32 across 8 plugins) (opens in new tab)None foundOfficial: patternfly-cli AGENTS.md · ai-helpers CLAUDE.md (opens in new tab)Official: patternfly.org AI section (guidelines + AI-assisted development) (opens in new tab)Official: patternfly/ai-helpers plugin marketplace (opens in new tab)Official: @patternfly/patternfly-cli (opens in new tab)None foundNone foundOfficial: patternfly-mcp repo agent guidelines + builder skills · ai-helpers docs/ — curated LLM-facing PatternFly documentation (opens in new tab)
PrimerOfficial: @primer/mcp · @primer/brand-mcp (opens in new tab)None foundOfficial: primer/react .github/skills/ (7 skills) (opens in new tab)Official: primer/react .github/copilot-instructions.md · primer/react .github/instructions/*.instructions.md (5 files) (opens in new tab)Official: primer/primitives AGENTS.md (opens in new tab)Official: MCP server (primer.style docs) (opens in new tab)None foundNone foundOfficial: Figma Code Connect (primer/react and primer/brand) (opens in new tab)None foundOfficial: primer/react .github/agents/*.agent.md (custom subagents) · gh-aw agentic workflows (issue triage + maintenance) (opens in new tab)
React Spectrum / Spectrum 2 (S2)Official: @react-spectrum/mcp (React Spectrum S2 MCP server) (opens in new tab)Official: llms.txt + per-page .md twins + “Copy for LLM” button (opens in new tab)Official: react-spectrum-s2 Agent Skill · spectrum-audit Agent Skill · migrate-react-spectrum-v3-to-s2 Agent Skill · .claude/ in adobe/react-spectrum (release-notes skill + oxfmt hook) (opens in new tab)None foundNone foundOfficial: “Working with AI” docs page (/ai, aliased from /mcp) (opens in new tab)Official: Agent Skills discovery manifest (/.well-known/skills/index.json) (opens in new tab)None foundNone foundNone foundOfficial: .mcpb Claude Desktop connector bundle · @react-spectrum/codemods s1-to-s2 `--agent` mode (opens in new tab)
Salesforce Lightning Design SystemOfficial: Salesforce DX MCP Server — SLDS tools (`lwc-experts` toolset) · guide_figma_to_lwc_conversion (Figma → LWC, Beta) (opens in new tab)None foundOfficial: @salesforce/afv-skills — design-systems-slds-apply / -validate / -slds2-migrate · design-system-2-starter-kit — local .agent/skills/ (opens in new tab)Official: design-system-2-starter-kit — .builderrules (opens in new tab)Official: design-system-2-starter-kit — AGENTS.md + CLAUDE.md (opens in new tab)Official: AI and SLDS 2 (docs page) (opens in new tab)Official: Bundled SLDS artifact registries + search scripts (hooks/utilities/blueprints/icons) (opens in new tab)Official: @salesforce-ux/slds-linter (opens in new tab)None foundNone foundOfficial: mcp.json — zero-config MCP wiring in the starter kit (opens in new tab)
shadcn/uiOfficial: shadcn MCP server (bundled in the CLI) · Community MCP servers (Jpisnice, heilgar, magnusrodseth) (community) (opens in new tab)Official: ui.shadcn.com/llms.txt (opens in new tab)Official: shadcn Agent Skill (skills/shadcn) · migrate-radix-to-base skill (opens in new tab)Official: .cursor-plugin/plugin.json (Cursor plugin) · .cursor/rules/registry-bases-parity.mdc (opens in new tab)None foundNone foundOfficial: Registry system + community registry index (opens in new tab)Official: shadcn CLI as the agent’s action surface (opens in new tab)None foundNone foundOfficial: .claude/ directory (launch.json + settings.local.json) (opens in new tab)
Shopify PolarisOfficial: @shopify/dev-mcp (Shopify Dev MCP server) · polaris-mcp-server (community) (community) (opens in new tab)None foundOfficial: shopify-polaris-app-home (Shopify AI Toolkit skill) (opens in new tab)None foundNone foundNone foundOfficial: Shopify AI Toolkit multi-host plugin distribution (opens in new tab)None foundNone foundOfficial: storybook.polaris.shopify.dev (opens in new tab)Official: AI-crawler blocklist + noai meta (anti-affordance) · @shopify/polaris-types (machine-readable component contract) (opens in new tab)
Invested · 5
Cloudscape Design SystemCommunity: @agentience/react-design-systems-mcp (community) · praveenc/cloudscape-docs-mcp (community) (opens in new tab)Official: cloudscape.design/llms.txt (opens in new tab)None foundNone foundOfficial: AGENTS.md across 14 cloudscape-design repos (opens in new tab)Official: AI Tools Support (official docs page) (opens in new tab)Official: Per-component JSON API definitions (index.html.json) · Code Snippets corpus (181 addressable exemplars) (opens in new tab)None foundOfficial: Official Figma component library — but NO Code Connect (opens in new tab)None foundNone found
MantineOfficial: @mantine/mcp-server (official, experimental) · hakxel/mantine-ui-server (community, stale) (community) · mantine-mcp (community, projectashik) (community) (opens in new tab)Official: llms.txt + llms-full.txt (regenerated every release) (opens in new tab)Official: mantinedev/skills — three official Claude Code skills (opens in new tab)None foundOfficial: AGENTS.md / CLAUDE.md (byte-identical duplicates) · .claude/settings.json — PostToolUse auto-format hook (opens in new tab)Official: “Mantine with LLMs” guide (mantine.dev/guides/llms/) (opens in new tab)Official: Static MCP data registry — mantine.dev/mcp/index.json (opens in new tab)None foundNone foundNone foundNone found
Material UI (MUI)Official: @mui/mcp — official MUI MCP server (opens in new tab)Official: Per-package llms.txt + .md twin for every docs page (opens in new tab)Official: skills/ — four official Material UI Agent Skills · Org-wide contributor skills in mui/mui-public (.claude/skills + .agents/skills) (opens in new tab)None foundOfficial: Root AGENTS.md (with CLAUDE.md pointer) (opens in new tab)Official: Getting started > Model Context Protocol (MCP) for MUI (opens in new tab)None foundNone foundOfficial: MUI for Figma design kit + Material UI Sync plugin (opens in new tab)None foundOfficial: MUI Recipes (recipes.mui.com) — hosted AI codegen product (opens in new tab)
Microsoft Fluent UIOfficial: Microsoft.FluentUI.AspNetCore.McpServer (Fluent UI Blazor) · Internal Microsoft Fluent UI React MCP (unreleased) · fluentui-mcp (community, blendsdk) (community) · Other community Fluent UI MCP servers (community) (opens in new tab)None foundOfficial: .agents/skills/ and .claude/skills/ — nine executable skills (opens in new tab)Official: .github/instructions/copilot.instructions.md (opens in new tab)Official: AGENTS.md (repo root) (opens in new tab)None foundNone foundNone foundNone foundNone foundOfficial: copilot-setup-steps.yml — Copilot coding agent environment provisioning (opens in new tab)
Nord Design SystemNone foundOfficial: /llms.txt and /llms-full.txt (two-tier, context-budget aware) (opens in new tab)Official: Nord Agent Skills (`nord` and `nord-full`) served from /.well-known/skills/ (opens in new tab)None foundNone foundOfficial: Working with AI docs section (/ai/ → /docs/developer/working-with-ai) (opens in new tab)Official: /.well-known/skills/ discovery manifest (opens in new tab)None foundNone foundOfficial: Storybook 10 playground embedded on every component page (opens in new tab)Official: /raw/<path>.md — a markdown twin for every docs page · @nordhealth/eslint-plugin — auto-fixable legacy-class codemod (opens in new tab)
Emerging · 1
U.S. Web Design System (USWDS)Community: uswds-mcp (bibekpdl) (community) · react-uswds-mcp (focus-digital) (community) · Other community MCP experiments (community) (opens in new tab)None foundOfficial: Planned: accessibility skill for coding agents (issue #6749) · USWDS-prototype Claude plugin (emilycryan/USWDS-design) (community) (opens in new tab)None foundOfficial: AGENTS.md (uswds/uswds repo root) (opens in new tab)None foundNone foundNone foundNone foundNone foundNone found

Affordance prevalence

Number of systems (of 19) shipping each affordance, counting official and community.

  • MCP server18
  • Agent skill18
  • llms.txt14
  • Repo agent files13
  • AI docs13
  • Registry10
  • CLI8
  • Editor rules7
  • Code Connect4
  • Storybook3