State of AI in Design Systems — July 2026

Name: State of AI in Design Systems — July 2026
Author: kaelig

kaelig

A field survey of how 20 open-source design systems make themselves AI-friendly: MCP servers, agent skills, llms.txt, and the techniques that keep models on-system (last updated: July 2026)

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

Local

claude mcp add state-of-ai-in-design-systems-july-2026 -- npx -y state-of-ai-in-design-systems

~/.codex/config.toml

[mcp_servers.state-of-ai-in-design-systems-july-2026]
command = "npx"
args = ["-y", "state-of-ai-in-design-systems"]

# codex mcp add state-of-ai-in-design-systems-july-2026 -- npx -y state-of-ai-in-design-systems

~/.cursor/mcp.json

{
  "mcpServers": {
    "state-of-ai-in-design-systems-july-2026": {
      "command": "npx",
      "args": [
        "-y",
        "state-of-ai-in-design-systems"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "state-of-ai-in-design-systems-july-2026": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "state-of-ai-in-design-systems"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "state-of-ai-in-design-systems-july-2026": {
      "command": "npx",
      "args": [
        "-y",
        "state-of-ai-in-design-systems"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "state-of-ai-in-design-systems-july-2026": {
      "command": "npx",
      "args": [
        "-y",
        "state-of-ai-in-design-systems"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "state-of-ai-in-design-systems-july-2026": {
      "command": "npx",
      "args": [
        "-y",
        "state-of-ai-in-design-systems"
      ]
    }
  }
}

Remote

claude mcp add --transport http state-of-ai-in-design-systems-july-2026 https://state-of-ai-in-design-systems.netlify.app/mcp