Agentic Design System MCP Server: Install & Setup

Install Agentic Design System in Claude Code

Claude Code

claude mcp add agentic-design-system -- npx -y ads-mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

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

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

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

Run: claude mcp add agentic-design-system -- npx -y ads-mcp

Surface-ops/api-meter-mcp

Per-customer API usage analytics: sign up, get ingest snippets, read usage by customer and endpoint.

D4umak/linkedin-outreach-mcp

LinkedIn outreach for prospecting, recruiting and job search: find people, message them in your voice, follow up and handle replies.

johnsmithxy1mmm-sys/HyperliquidMCP

Hyperliquid analytics for AI agents: whale flow, liquidations, funding, risk, signed signals.

adelaidasofia/instagram-mcp

Official, multi-account Instagram Graph API MCP: read, publish, analytics, comments, DMs.

Kumar2421/okara-alternative

Audit a web page for SEO and technical issues with Marlo, the open-source AI CMO. Read-only.

futureweb/intervals-mcp-server

Self-hosted Intervals.icu MCP server: training analytics, Garmin data, wellness, workout planning