UX Pilot

ai.uxpilot由 uxpilot.ai 發布v3.0.0更新於 Nov 4, 2026

Your AI designs live on the UX Pilot canvas or runs its design agent: reviews, React, video, media

發布方自己的服務:QuickBooks Connector by Meridian

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計AI 與機器學習

概覽

AI 產生的概覽

把 AI 用戶端連接到 UX Pilot 工作區,讓助理設計、編輯、審查並匯出畫面、React 應用程式、影片與媒體素材。

可以做什麼
  • 尋找並讀取頁面、畫面、React 專案、設計系統、版本、留言與審查分數
  • 編輯畫面 HTML、React 檔案與圖表,並整理頁面、資料夾、群組、畫布筆記與留言
  • 呼叫 UX Pilot 設計代理產生畫面、流程、React 應用程式與流程圖,匯入 HTML、網址、圖片或設計系統
  • 對畫面、HTML 或線上網址進行 UX 審查、人物誌審查、注意力熱圖與無障礙檢查
  • 產生影片、圖片、配音、音樂與音效,並匯出影片、預覽連結與 React 建置
  • 追蹤或停止執行中的工作,查詢方案等級、媒體模型、費用與操作指南
適用情境
適合希望助理在 UX Pilot 畫布上建立或調整介面、把需求交給 UX Pilot 設計代理、執行附帶修正的 UX 審查,或在同一工作區產出行銷影片與媒體素材的情況。
執行需求
需要連線到 UX Pilot 的遠端 Streamable HTTP 端點;需要 UX Pilot 帳號並以 OAuth 登入,或使用透過 Authorization Bearer 標頭傳送的 API 金鑰(例如 Codex 中的 UXPILOT_API_KEY 變數);不支援 Streamable HTTP 的用戶端需安裝 Node.js,以 mcp-remote 進行橋接。
安裝前請注意
會消耗點數、發佈或刪除的呼叫會先要求確認,確認權杖 15 分鐘內有效;AI 執行會消耗點數,部分功能需付費方案;免費帳號每週限 50 次寫入或執行類操作;API 金鑰可存取你的工作區,應妥善保管並在權限變更時輪替;刪除操作一律需要核准。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 UX Pilot,將其新增到工作區。
  2. 連接 所需的 憑證。它們會被私密儲存,絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/ai.uxpilot%2Fuxpilot/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

{
  "mcpServers": {
    "ux-pilot": {
      "type": "http",
      "url": "https://mcp.uxpilot.net/mcp"
    }
  }
}

README

UX Pilot MCP

Design, edit and review in UX Pilot from Claude, ChatGPT, Cursor, Codex, and other MCP clients.

Your AI builds screens live on the UX Pilot canvas, or hands the brief to UX Pilot's own design agent. Then it reviews, versions and ships the work: React prototypes, preview links, videos and media.

[MCP] [Website] [MCP Badge]


The UX Pilot MCP server connects any MCP-compatible AI client to your UX Pilot workspace. Version 3.0 has 15 general tools. Each one covers a kind of work (find, read, edit, review, export and so on), and you choose the action inside the tool. That keeps the tool list short and leaves more of your AI's context for the work.

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: 15 (version 3.0)
  • Free plan: connect with a free UX Pilot account and get 50 actions a week

What your AI can do

  • Design on the canvas, live. Your AI places a screen as HTML, then builds it one section at a time while you watch it appear on the open canvas. Each step comes back with a picture of the result, and design checks point out problems with fixes.
  • Run UX Pilot's design agent. Hand a brief to UX Pilot's own agent for screens, whole flows or a React app, on the standard, pro or ultra tier. Or mix the two: the agent drafts and your AI refines.
  • Review. UX reviews, persona reviews, attention heatmaps and gaze flow, on a UX Pilot screen, raw HTML or a live URL. Heatmaps and gaze flow also take a screenshot. Fixes land as a new version.
  • Make videos and media. Product reels, ads, explainers, social clips and logo animations, exported as MP4, WebM or GIF. Images, image edits, voiceovers, music and sound effects.
  • Use your design system. Import one from code, a repository, a website or tokens, then design on brand with its guide.
  • Ship. Turn screens into a React app, edit its files, publish it, or share a public preview link.
  • Organize. Pages, folders, groups, versions, canvas notes, diagrams and comments.

Free plan

Free UX Pilot accounts can connect and use every tool:

  • 50 actions a week that write or run something (imports, edits, organizing, designs, reviews, media, videos). Reading, searching, checking jobs and stopping runs are not counted. The week resets Monday 00:00 UTC.
  • Design runs use the standard tier. Some features need a paid plan, the same as in the app. When one does, the tool says what is needed and links to the plans.
  • AI runs spend credits, as they do in the app.

Paid plans have no weekly action limit. See uxpilot.ai/plans.

Authentication

Native sign-in (recommended)

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, go to Connectors, and pick UX Pilot from the directory. Or add a custom connector with the server URL: https://mcp.uxpilot.net/mcp
  2. Sign in with your UX Pilot account and approve access.
  3. In a conversation, ask Claude to find your UX Pilot pages, or to design something on the canvas.

Claude Code:

bash
claude mcp add --transport http uxpilot https://mcp.uxpilot.net/mcp

Then run /mcp in Claude Code and sign in.

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)

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 find your UX Pilot pages.
Cursor

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project). For native sign-in, add only the url. Keep the headers block only for the API key fallback.

json
{  "mcpServers": {    "uxpilot": {      "url": "https://mcp.uxpilot.net/mcp",      "headers": {        "Authorization": "Bearer ep_your_api_key"      }    }  }}
VS Code + Copilot

Add to .vscode/mcp.json:

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:

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

Add to ~/.codex/config.toml:

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):

bash
export UXPILOT_API_KEY="ep_your_api_key"
Any MCP client

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

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"      }    }  }}

Tools

15 tools. Most take a kind or action that picks what to do, and a params object with that action's fields. Ask the server with guide({ topic: "<tool>.<action>" }), for example guide({ topic: "edit.patch" }), for an action's fields and an example.

ToolWhat it doeskind / actionNeeds your OK
findFind work: pages, folders, screens and React apps by keyword, themes, symbols, design systems, diagrams, React files and codepages, workstreams, designs, react_projects, themes, symbols, design_systems, diagrams, react_files, react_code
readRead one thing in full: a page with its canvas, layout or picture, a screen and its HTML, versions and diffs, a preview link, design checks, a design system and its guide, review scores, commentspage, design, designs, versions, version_diff, preview, checks, theme, symbol, design_system, design_system_guide, react_file, review_scores, comments
catalogWhat you can pick from: design tiers, media models, review and export types, and what each paid call coststiers, media_models, media_kinds, reviews, exports, credits
guideShort how-to docs: ways to design, the canvas, small steps, HTML, videos, React, design systems, reviews, the free plan, confirmationstopic
get_jobFollow a running job: design runs, React edits, videos, imports, reviews, video exports, design system importsagent, generation, review, export, design_system_import
stop_jobStop a design, React or video run
editChange content with no AI and no credits: patch a screen's HTML one section at a time, replace it, save a version, make a version from comments, edit React files or a diagrampatch, replace, save_version, version_from_comments, react_files, diagram
manageOrganize, never delete: pages, templates, bookmarks, folders, groups, screens, canvas notes and shapes, images, diagrams, comments and replies, accessibility reportscreate_page, page_from_template, update_page, bookmark_page, move_page, create_workstream, update_workstream, create_group, update_group, save_group, move_group, duplicate_design, move_design, update_design, save_design, add_items, update_items, update_assets, create_diagram, comment, reply, update_comment, update_reply, resolve_comment, resolve_comments, accessibility_report
importBring things in: your HTML as a new screen (free), a live URL, images by URL or upload, a design system from code, a repository, a website or tokenshtml, url, assets, upload, design_systemCredits (url, html with AI refine, or a design system from code, a repository or a website; tokens are free)
deleteDelete pages, folders, groups, canvas items, images, diagrams, comments and replies, or archive a screenpage, workstream, group, design, canvas_items, canvas_assets, diagram, comment, replyAlways
designUX Pilot's AI: the design agent for screens, flows or a new React app on the standard, pro or ultra tier, screens into a React app, React changes from a prompt, flowchartsagent, react, react_edit, flowchart, flowchart_editCredits (flowcharts are free)
make_videoMake or change a video from a brief: product reel, ad, explainer, social clip or logo animation, in 16:9, 9:16 or 1:1Credits
generate_mediaMake media for a page: images, image edits, image processing, voiceovers, music, sound effectsimage, edit_image, process_image, voiceover, music, sound_effectCredits
reviewReview a screen, raw HTML or a live URL: UX review, persona review, attention heatmap, gaze flow (these two also take a screenshot). apply: true fixes ux, persona or accessibility issues as a new versionux, persona, heatmap, gaze_flow, accessibilityCredits (a persona review is free)
exportExport a video as MP4, WebM or GIF, publish a public preview link, publish or rebuild a React appvideo, preview, prototype, react_buildCredits for a preview link or a React app publish; a rebuild asks first; video export is free

Confirmation

Calls that spend credits, publish or delete stop and ask first:

  1. The first call answers with a summary and a confirmationToken instead of running.
  2. Your AI tells you what will happen and asks.
  3. If you agree, it calls again with the same params plus confirmed: true and the token. The token is tied to that exact call and expires after 15 minutes.

Upgrading from 2.x

Version 2.x listed 87 separate tools, such as search_designs, start_design_agent and patch_design_html. Nearly all of them are now actions of a 3.0 tool, and guide({ topic: "names" }) maps every old name to its new call. For example, search_designs is find with kind designs, start_design_agent is design with action agent, and patch_design_html is edit with action patch. The old tool list is still served at https://mcp.uxpilot.net/mcp?toolset=legacy for now, and it will be removed in a later release.

Quick start

  1. Pick the AI client you want to use with UX Pilot.
  2. Add the server URL with the native sign-in steps above.
  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, for example:
    • "Design a pricing page for my app on the UX Pilot canvas, one section at a time."
    • "Have UX Pilot's design agent make a 3-screen onboarding flow on the pro tier."
    • "Run a UX review on my checkout screen in UX Pilot and fix what it finds."
    • "Make a 15-second 9:16 product reel for my app and export it as MP4."

Support

來源:README.md,提交 676a88b

工具

0
該伺服器需要登入,因此 SourceWeft 無法在沒有帳號的情況下讀取其工具,也未收錄。已連接帳號所能看到的內容可能因帳號及其權限而異。

版本歷史

2
  1. v3.0.0最新Nov 4, 2026
  2. v1.0.0Oct 22, 2026

評分

已滿足適用檢查項的 75%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list,或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分

    請在儲存庫或註冊中心條目中宣告授權條款。

其他 Pilot 整合