Connect your reference library

Use UI Discovery inside your AI assistant.

Connect your account, inspect real references, and ask for the output you need: a design image, an editable Figma layout, or working code.

https://uidiscovery.com/mcp

Sign in to your UI Discovery account when your assistant opens the connection screen. Search uses your account's allowance; design briefs and image plans require Pro. You do not need to paste an API key into ChatGPT or Claude.

Connect your assistant

Claude

Customize → Connectors → Add custom connector. Paste this URL, connect your UI Discovery account, then enable the connector in your chat's + menu.

https://uidiscovery.com/mcp

ChatGPT

Add UI Discovery in Apps, or create a developer connection with this URL. Complete account sign-in and enable the app for your conversation.

https://uidiscovery.com/mcp

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "uidiscovery": { "url": "https://uidiscovery.com/mcp" }
  }
}

Claude Code

terminal

claude mcp add --transport http uidiscovery https://uidiscovery.com/mcp

Codex

~/.codex/config.toml

[mcp_servers.uidiscovery]
url = "https://uidiscovery.com/mcp"

VS Code

.vscode/mcp.json

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

After adding the server, complete account sign-in in your client. If references do not appear, check that UI Discovery is enabled for the conversation, then reconnect or refresh its tools.

API-key clients can send Authorization: Bearer uid_… using a key from account settings. Keep the key in your client's credential settings.

Choose the layouts you want

Start with relevant website previews and choose a style. You can combine one store's hero with another store's footer. Ask your assistant to preserve those layouts, replace the brand and copy, and generate original images with a similar visual treatment. Image assets should remain separate and replaceable in editable designs and code.

Resume saved references in a new chat

Save references and notes to a board while signed in. Ask your assistant to list your UI Discovery boards, choose one, then inspect its references before designing. This retrieves your account-synced saves; it does not remember unsaved conversations or browser-only guest boards.

Reading boards requires an additional permission that includes private notes. Catalogue connections and API keys cannot read them automatically. If your assistant cannot request the new permission, reconnect UI Discovery and review the consent screen. Board access is read-only.

Try it live

This console sends the same request an assistant sends to the connector, and shows exactly what comes back.

POST /mcp — the request an AI assistant sends

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "search_sections",
    "arguments": {
      "query": "pricing table with monthly/yearly toggle",
      "limit": 3
    }
  }
}

Run a tool to see exactly what the assistant gets back: reference cards, links and preview images it can look at.

Start with a finished output

Ask your assistant to inspect the references first and create the actual design. Name Figma when you need editable layers; name code when you need an implementation.

ChatGPT · App design image
Use UI Discovery to inspect ecommerce mobile app references, then use $imagegen to create an original shopping app home screen image. Include search, categories, product cards, cart and bottom navigation. Show the actual image and cite the references you inspected.
Claude · Editable Figma hero
Use UI Discovery to inspect agency hero references, then create an original hero in Figma in the team I select. Find a real relevant photo from an original source with usable rights and import it as a separate image layer. Keep text and buttons editable. Verify the image loads and return the Figma link and references.
ChatGPT · Diwali creative
Use UI Discovery graphics references and $imagegen to create an original Diwali greeting image for an IT company. Inspect the references first. Make Happy Diwali readable, use a diya and technology-inspired imagery, and show the actual image.

UI Discovery supplies the references. Image generation and Figma editing use your assistant's available tools and connections. An image attachment is complete as an image; an editable Figma request is complete only after the image has been imported and its text remains editable.

Every tool and the REST API are documented in the API docs.