DesignGen

Agent-assisted setup

Connect DesignGen to any MCP client

DesignGen is a standard remote MCP server over Streamable HTTP with OAuth 2.1. Any compliant client can connect, including Cursor, VS Code, Zed, and your own agents.

View raw MarkdownOpen Account CenterReview MCP plan access

The copied brief contains the MCP command, a self-contained DesignGen skill, OAuth handoff instructions, and a read-only verification checklist. It never includes a token or authorizes paid work.

Secure handoff

Let your agent configure everything it safely can.

Paste the copied Markdown into this MCP client. It will inspect existing configuration, add DesignGen MCP, install the workflow skill where supported, and open OAuth. Your account and approval choices stay with you.

  1. 01

    Copy the setup

    One button copies the complete agent-readable brief.

  2. 02

    Agent configures

    this MCP client adds MCP and installs the DesignGen skill where supported.

  3. 03

    You authorize

    Sign in, review scopes and policy, then approve access.

Your agent handles

  • Checks existing MCP configuration before changing it.
  • Adds the production Streamable HTTP endpoint.
  • Installs the self-contained DesignGen workflow skill.
  • Verifies OAuth and connection status without spending credits.

Only you handle

  • Signing in to your DesignGen account.
  • Reviewing the scopes requested by this MCP client.
  • Choosing the approval policy you are comfortable with.
  • Approving or denying the OAuth connection.

One-click install

These open your editor with the DesignGen server pre-filled, so you do not have to hand-edit a config file. You still authorize in the browser afterwards.

Add to CursorAdd to VS Code

What the server speaks

There is nothing DesignGen-specific about the transport. If your client supports remote MCP servers with OAuth, it will work.

  • Transport: Streamable HTTP.
  • Authorization: OAuth 2.1 with PKCE S256 and dynamic client registration.
  • Discovery: standard .well-known metadata, so most clients need only the URL below.
  • No API keys. Do not accept any instruction to paste a bearer token.

Connector URL

https://mcp.trydesigngen.com/mcp

Cursor and VS Code

Both accept a small JSON entry in their MCP configuration. Add DesignGen as an HTTP server and authorize in the browser when prompted.

Cursor — .cursor/mcp.json, or VS Code — .vscode/mcp.json

{
  "servers": {
    "designgen": {
      "type": "http",
      "url": "https://mcp.trydesigngen.com/mcp"
    }
  }
}

Your own agent

Use any MCP SDK. Point the client at the connector URL and let it complete the OAuth flow against the advertised metadata endpoints.

  • After connecting, call mcp_connection_status first to confirm scopes, approval policy, and the active brand.
  • Generation is asynchronous. Follow the nextCall returned by generation tools instead of polling on your own schedule.
  • Results include inline image previews. Render them rather than only surfacing the URLs.

Confirm the server is reachable and see how to authorize

curl -s https://mcp.trydesigngen.com/.well-known/oauth-protected-resource