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 集成