Agentic Design System

Name: Agentic Design System
Author: aa-on-ai

aa-on-ai

Get started Repository Website & docs

Render web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions.

Setup

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

Add to Cursor Add to VS Code

claude mcp add agentic-design-system -- npx -y ads-mcp '<PROJECT_ROOT>'

~/.codex/config.toml

[mcp_servers.agentic-design-system]
command = "npx"
args = ["-y", "ads-mcp", "<PROJECT_ROOT>"]

# codex mcp add agentic-design-system -- npx -y ads-mcp '<PROJECT_ROOT>'

~/.cursor/mcp.json

{
  "mcpServers": {
    "agentic-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "ads-mcp",
        "<PROJECT_ROOT>"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "agentic-design-system": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "ads-mcp",
        "<PROJECT_ROOT>"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "agentic-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "ads-mcp",
        "<PROJECT_ROOT>"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "agentic-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "ads-mcp",
        "<PROJECT_ROOT>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "agentic-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "ads-mcp",
        "<PROJECT_ROOT>"
      ]
    }
  }
}

Setup

Related