Skip to content
Gemini CLI

TheDesignAgent for Gemini CLI

ai.thedesignagent/mcp

A design agent in your coding agent's loop: briefs each screen, reviews UX and visual quality.

client:Gemini CLI transport:streamable-http runtime:npm tools:3

Install TheDesignAgent in Gemini CLI

~/.gemini/settings.json · windows: %USERPROFILE%\.gemini\settings.json

{
  "mcpServers": {
    "mcp": {
      "httpUrl": "https://www.thedesignagent.ai/mcp"
    }
  }
}

Gemini expands $VAR and ${VAR} inside env values, so a secret can live in your shell rather than this file. Gemini CLI docs

What Gemini CLI can do once it is connected

TheDesignAgent in other clients