DesignGen

Agent-assisted setup

Connect DesignGen to VS Code

Install DesignGen in VS Code with one click, authorize in the browser, and use print-prep and design tools from agent mode.

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 VS Code. 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

    VS Code 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 VS Code.
  • Choosing the approval policy you are comfortable with.
  • Approving or denying the OAuth connection.

One-click install

This opens 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 VS Code

One click is the whole setup

Use Add to VS Code above. It opens VS Code with the DesignGen server pre-filled. You still authorize in the browser afterwards.

  • Review the requested scopes and the approval policy on the DesignGen sign-in screen.
  • No token, API key or custom header is needed at any point.
  • The server is Streamable HTTP, so it works with the built-in MCP support.

Adding it by hand instead

Add the server to your MCP configuration, preserving anything already there.

  • Reload the window if the tools do not appear.
  • Then call mcp_connection_status and check the client, scopes and active brand.

VS Code MCP config entry

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