UX Pilot

Registre officiel Marketing et ventes

UX Pilot's design agent for your AI tools: on-brand UI, design systems and React prototypes

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

Remote (streamable-http)
Claude Code
claude mcp add --transport http ux-pilot 'https://mcp.uxpilot.net/mcp'
Configuration JSON (Claude Desktop, Cursor, VS Code)
{
    "mcpServers": {
        "ux-pilot": {
            "type": "http",
            "url": "https://mcp.uxpilot.net/mcp"
        }
    }
}

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. UX Pilot MCP
  2. Authentication
  3. Setup
  4. Tools
  5. Quick start
  6. Support

UX Pilot MCP

Work directly inside UX Pilot from Claude, ChatGPT, Cursor, Codex, and other MCP clients.

Bring AI-generated work into UX Pilot, organize it, review and version it, build prototypes, then switch back to UX Pilot AI for deeper product-aware generation.


The UX Pilot MCP server connects any MCP-compatible AI client to your UX Pilot workspace. Your assistant can create workstreams and pages, import HTML or live URLs as designs, run UX and accessibility reviews, manage versions and comments, and generate React prototypes, all inside UX Pilot.

The server is hosted by UX Pilot. This repository documents how to connect to it and what it exposes. There is no server code here to build or run.

  • Server URL: https://mcp.uxpilot.net/mcp
  • Transport: Streamable HTTP (POST)
  • Protocol: MCP 2025-11-25 (JSON-RPC 2.0)
  • Auth: Native OAuth sign-in (recommended), or Authorization: Bearer API key fallback
  • Tools: 87

Authentication

If your AI tool shows a UX Pilot sign-in or authorization screen, choose that flow. You log in with your UX Pilot account, review the requested access, and approve the connection. No API key to copy or paste, and access stays tied to your account and plan.

API key fallback

For clients that only support static headers, generate a key from the API Keys tab in your UX Pilot workspace and send it as a bearer token:

Authorization: Bearer ep_your_api_key

Enterprise workspaces: your admin manages MCP/API keys. Keep the key private and rotate it if access changes.

Setup

Prefer native sign-in wherever the client supports it. Use the API key config as a fallback. Replace ep_your_api_key with your real key.

Claude

Native connector (recommended):

  1. Open Claude settings and add a custom connector / remote MCP server.
  2. Paste the server URL: https://mcp.uxpilot.net/mcp
  3. Choose the UX Pilot sign-in flow when Claude offers it and approve access.
  4. In a conversation, ask Claude to list UX Pilot tools.

API key fallback (Claude Desktop, via mcp-remote): edit claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json)

{
  "mcpServers": {
    "uxpilot": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.uxpilot.net/mcp",
        "--transport",
        "http-only",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer ep_your_api_key"
      }
    }
  }
}

Requires Node.js. mcp-remote bridges stdio to Streamable HTTP.

ChatGPT

Use ChatGPT's custom connector / MCP support (Developer mode, availability depends on your plan):

  1. Open ChatGPT settings and add a custom connector / MCP server.
  2. Paste the server URL: https://mcp.uxpilot.net/mcp
  3. Complete the UX Pilot sign-in when prompted.
  4. Enable the connector in a chat and ask ChatGPT to list UX Pilot tools.

Cursor

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project). Adding the URL alone triggers native sign-in if supported; the header is the API key fallback.

{
  "mcpServers": {
    "uxpilot": {
      "url": "https://mcp.uxpilot.net/mcp",
      "headers": {
        "Authorization": "Bearer ep_your_api_key"
      }
    }
  }
}

VS Code + Copilot

Add to .vscode/mcp.json:

{
  "servers": {
    "uxpilot": {
      "type": "http",
      "url": "https://mcp.uxpilot.net/mcp",
      "headers": {
        "Authorization": "Bearer ep_your_api_key"
      }
    }
  }
}

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "uxpilot": {
      "serverUrl": "https://mcp.uxpilot.net/mcp",
      "headers": {
        "Authorization": "Bearer ep_your_api_key"
      }
    }
  }
}

Codex

Add to ~/.codex/config.toml:

[mcp_servers.uxpilot]
url = "https://mcp.uxpilot.net/mcp"
bearer_token_env_var = "UXPILOT_API_KEY"

Then export the raw key (no Bearer prefix; Codex adds it):

export UXPILOT_API_KEY="ep_your_api_key"

Any MCP client

Clients that do not speak Streamable HTTP can bridge through mcp-remote:

{
  "mcpServers": {
    "uxpilot": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.uxpilot.net/mcp",
        "--transport",
        "http-only",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer ep_your_api_key"
      }
    }
  }
}

Tools

87 tools, grouped by what they do. Tools marked · credits consume account credits; credit-consuming and destructive actions require explicit confirmation.

Discover and inspect (13)

ToolDescription
search_designsFind existing HTML designs and React projects by keyword, title, prompt, page name, or pageId
list_workstreamsList your workstreams/folders with page summaries
list_pagesList your pages with URLs, counts, and thumbnails
get_page_contextGet a page's groups, designs, canvas, and comments
get_designGet one design's details, preview URL, optional HTML
get_design_previewGet a design's preview/page URL and status (no HTML)
get_design_versionsGet a design's version/parent family
list_design_collectionsList your custom design-system collections
get_design_collectionGet a collection's assets, styles, and docs
list_themesList available brand/style themes
get_themeGet a theme's full JSON for on-brand output
list_symbolsList reusable editor components/symbols
get_symbolGet a symbol's HTML/CSS content

Organize your workspace (19)

ToolDescription
create_workstreamCreate a workstream/folder
update_workstreamRename or re-describe a workstream
delete_workstreamDelete a workstream and detach its pages
create_pageCreate a blank page
create_page_from_templateCreate a page/group from a template
update_pageUpdate page name, prompt, or AI context
delete_pageDelete a page
move_page_to_workstreamMove a page into or out of a folder
toggle_page_bookmarkBookmark or unbookmark a page
create_groupCreate a design group on a page
update_groupUpdate a group's name, font, or designs
delete_groupDelete a group and its designs
move_group_to_pageMove a group and its designs to another page
set_group_savedSave or unsave a group to your library
duplicate_designDuplicate a design onto a page/group
move_design_to_pageMove a design to another page/group
archive_designArchive and detach a design
update_design_metadataUpdate a design's title, prompt, position, size
set_design_savedSave or unsave a design to your library

Generate with UX Pilot AI (5)

ToolDescription
start_design_agentCreate or change screens, whole flows, or a new React app from a brief; runs in the background · credits
get_agent_jobPoll an agent run and show its progress until it completes
stop_agent_jobStop an agent run that is still in progress (finished screens are kept)
get_generation_statusPoll generation, import, and React build status
retrieve_designsPoll status/URLs/HTML for designs (legacy, for older clients)

Edit designs and React code yourself (7)

These edits run without UX Pilot AI and consume no credits.

ToolDescription
patch_design_htmlApply small, exact edits (text, classes, styles, attributes) to a design's HTML
edit_design_htmlSave full replacement HTML for an existing design
list_react_projectsList your React apps/prototypes, with keyword filtering
list_react_project_filesList a React app's source files
read_react_project_fileRead one source file (with a hash for safe edits)
search_react_project_filesSearch a React app's code for components, routes, classes, or copy
edit_react_project_filesSave code edits as a new version and queue a build/publish

Bring in external AI output (15)

ToolDescription
import_html_designImport external HTML as a previewable design · credits
import_live_urlCapture a public URL as a design · credits
add_canvas_assetsAdd URL-backed image/reference assets to a page
upload_canvas_assetUpload base64/data-URL images to a page
update_canvas_assetsUpdate existing canvas assets and linked items
delete_canvas_assetsDelete canvas assets
add_canvas_itemsAdd sticky notes, annotations, and flow nodes
update_canvas_itemsMove, relabel, or restyle canvas items
delete_canvas_itemsDelete canvas items
generate_flowchartGenerate a flowchart graph from a prompt
edit_flowchartEdit an existing flowchart from an instruction
list_diagramsList saved diagrams on a page
create_diagramCreate a saved sitemap/journey/process diagram
update_diagramUpdate a diagram's metadata, nodes, or edges
delete_diagramDelete a diagram

Review, audit, and accessibility (10)

ToolDescription
run_ux_reviewRun a UX review, persist findings as comments · credits
get_review_statusPoll an async UX review job
apply_ux_review_fixesApply review findings as a child version · credits
run_persona_auditRun a persona-based audit, persist findings
apply_persona_audit_fixesApply persona findings as a child version · credits
save_accessibility_reportSave an external axe-style a11y report
apply_accessibility_fixesApply a11y violations as a child version · credits
compare_review_scoresCompare before/after review scores (read-only)
generate_heatmapPredict where attention lands on a design (heatmap overlay) · credits
generate_gaze_flowPredict the order people scan a design (gaze-flow overlay) · credits

Versions and comments (12)

ToolDescription
create_design_versionCreate a version preserving parent history
compare_design_versionsCompare two designs/versions (metadata + HTML diff)
create_version_from_commentsCreate a child version from fixed HTML and comments
create_commentComment on a page or anchored to a design/shape
update_commentEdit your comment's text, mentions, or position
delete_commentDelete a comment and its replies
reply_to_commentReply to a comment thread
update_comment_replyEdit your reply
delete_comment_replyDelete a reply
resolve_commentResolve or reopen a comment
resolve_comments_with_version_summaryReply to and resolve comments with a version summary
summarize_commentsList and summarize page comments

Prototype and publish (5)

ToolDescription
generate_react_prototypeGenerate a React app from designs · credits
edit_react_prototypeChange an existing React app with UX Pilot AI · credits
build_react_prototypeQueue a build/publish refresh for a prototype
publish_prototypePublish a prototype as a hosted URL
publish_design_previewPublish a design's HTML as a hosted preview · credits

Plus request_action_confirmation, a safety utility that mints a confirmation token for risky actions.

Quick start

  1. Pick the AI client you want to use with UX Pilot.
  2. Use the native sign-in steps above with the server URL.
  3. If your client needs static headers, generate an API key and replace ep_your_api_key in the fallback config.
  4. Ask your assistant: "Create a UX Pilot page, import this HTML as a design, then run a UX review."

Support

Questions fréquentes

Qu'est-ce que UX Pilot ?

UX Pilot's design agent for your AI tools: on-brand UI, design systems and React prototypes

Comment installer UX Pilot ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http ux-pilot 'https://mcp.uxpilot.net/mcp'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour UX Pilot ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

UX Pilot est-il open source ?

Son code est public sur GitHub, mais le dépôt ne déclare pas de licence standard.

Qui maintient UX Pilot ?

Il est publié par uxpilot-ai. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.