Creativity

UX Pilot

by UX Pilot AI

Overview

UX Pilot helps users create wireframes, high-fidelity UI screens, and multi-screen app flows from natural-language prompts inside ChatGPT. Single-screen requests start generation in the user's UX Pilot workspace right away and show a live preview widget. Multi-screen flow requests first suggest screens; the user confirms selections in the widget before designs are generated. Users can open results in UX Pilot to continue editing.

Tools

add-canvas-assets

ChatGPT

Add up to 10 image assets to an owned page's canvas from https URLs only. Rejects data: and non-https URLs. Requires operationId for retry safety.

add-canvas-items

ChatGPT

Add up to 20 sticky notes or annotations to an owned page canvas. Use type sticky-note (aliases note/text/sticky) with props.text and optional props.position. Requires operationId for retry safety.

archive-design

ChatGPT

Widget-only action that marks the exact owned design as deleted (best-effort archive) after the user clicks the confirmation button.

build-react-prototype

ChatGPT

Rebuild an existing React prototype. Do NOT call this after create-react-prototype — that flow already builds in the background automatically. Only call this when the user explicitly asks to rebuild, or when a previous build failed.

compare-design-versions

ChatGPT

Compare two owned design versions with compact metrics (size/delta flags). Does not return full HTML.

compare-review-scores

ChatGPT

Compare normalized UX review scores for up to two owned designs. Does not echo raw reports.

create-comment

ChatGPT

Add a private, mention-free comment on an owned design. Mentions/notifications require a separate open-world tool.

create-design-from-html

ChatGPT

Widget-only action that adds the previously sanitized HTML as a new design on an owned page after the user clicks the confirmation button. Creates new content — does not delete or overwrite existing designs.

create-design-version

ChatGPT

Save revised HTML as a new version of an owned design on an owned page. Omit html to duplicate the current design HTML from the source design. The HTML is stored in the workspace and never echoed back. Requires operationId for retry safety.

create-diagram

ChatGPT

Create a flow/architecture diagram on an owned page canvas. When nodes and edges are provided, the diagram is placed on the page canvas as visible flowchart shapes. Bounded to 100 nodes and 100 edges. Requires operationId for retry safety.

create-group

ChatGPT

Create a private group of designs, optionally attached to an owned page. Requires operationId for retry safety.

create-page

ChatGPT

Create a new private UX Pilot design page in the authenticated user's workspace. Requires operationId for retry safety.

create-page-from-template

ChatGPT

Create a new workspace page from a community template and copy its designs onto it. Call list-community-templates first and pass an exact returned template id (do not invent slugs like community-platform). Requires operationId for retry safety.

create-react-prototype

ChatGPT

Widget-only action that creates a React prototype project from owned designs after the user clicks the confirmation button.

create-version-from-accessibility-fixes

ChatGPT

Widget-only action that creates a new child design version with accessibility fixes after the user clicks the confirmation button. Adds a version — does not delete the parent design.

create-version-from-comments

ChatGPT

Save revised HTML as a new version of an owned design and record which open comments it addresses. Only comment ids are returned — never comment text or authors.

create-version-from-persona-fixes

ChatGPT

Widget-only action that creates a new child design version with persona audit fixes after the user clicks the confirmation button. Adds a version — does not delete the parent design.

create-version-from-ux-fixes

ChatGPT

Widget-only action that creates a new child design version with UX review fixes after the user clicks the confirmation button. Adds a version — does not delete the parent design.

create-workstream

ChatGPT

Create a private workstream/folder for the authenticated user.

delete-canvas-assets

ChatGPT

Widget-only action that permanently deletes up to 20 exact owned canvas assets after the user clicks the confirmation button.

delete-canvas-items

ChatGPT

Widget-only action that permanently deletes up to 20 exact owned canvas items after the user clicks the confirmation button.

delete-comment

ChatGPT

Widget-only action that permanently deletes the exact comment (and its replies) on an owned page after the user clicks the confirmation button.

delete-comment-reply

ChatGPT

Widget-only action that permanently deletes the exact reply on an owned page's comment thread after the user clicks the confirmation button.

delete-diagram

ChatGPT

Widget-only action that permanently deletes the exact owned diagram after the user clicks the confirmation button.

delete-group

ChatGPT

Widget-only action that permanently deletes the exact owned group after the user clicks the confirmation button.

delete-page

ChatGPT

Widget-only action that permanently deletes the exact owned page after the user clicks the confirmation button.

delete-workstream

ChatGPT

Widget-only action that permanently deletes the exact owned workstream/folder after the user clicks the confirmation button.

duplicate-design

ChatGPT

Duplicate an owned design, optionally onto an owned page or group. Requires operationId for retry safety.

edit-react-agent

ChatGPT

Widget-only action that starts the UX Pilot React edit agent after the user clicks Start editing. Do not call this from the model.

edit-react-prototype

ChatGPT

Legacy sync edit for an owned React prototype (no long-running agent job). Prefer prepare-edit-react-agent so the user confirms in the widget and sees live progress. Only use this when the agent edit flow is unavailable.

get-agent-job

ChatGPT

Read status, pageId, and designIds for a design-agent job. Pass agentJobId when you have it; omit it to use the latest job started in this session. Call once after generation finishes before follow-up tools (persona audit, apply-fixes, edit, restyle). Do not loop — the widget already polls.

get-design

ChatGPT

Load compact metadata for one owned UX Pilot design (title, dimensions, pageId, parentId). Never returns HTML; use get-design-preview for preview URLs.

get-design-collection

ChatGPT

Get compact collection detail. Ownership is resolved server-side; callers must not supply owner identity.

get-design-preview

ChatGPT

Get compact preview metadata for one existing UX Pilot design the user owns (title, status, preview URL). Does not generate designs and does not return HTML.

get-design-versions

ChatGPT

List compact version history for an owned UX Pilot design. Does not return HTML and does not generate new designs.

get-generation-status

ChatGPT

Optional status check for a React prototype or design the confirmation widget already started building. The widget polls and shows progress. Only call this if the user asks for a later status update. Do not loop.

get-page-context

ChatGPT

Load compact owned-page context: page metadata, group ids, design id summaries (with designIds you can pass to other tools), canvas shapes (including sticky-note ids and text previews via canvas.noteIds/items), and comment counts. Always call this with includeDesigns=true when you need designIds for follow-up tools — especially after prepare-start-design-agent returns a pageId. Designs that are React prototype projects include a reactProjectId field — pass that to prepare-edit-react-agent to edit them. Never returns HTML; use get-design-preview for visuals.

get-review-status

ChatGPT

Read the state and compact scores of the most recent UX review saved for an owned design. Returns counts only — no review text is written or removed.

get-symbol

ChatGPT

Get bounded symbol metadata without raw HTML by default.

get-theme

ChatGPT

Get bounded theme detail for an owned theme id (no full raw theme JSON dump).

list-community-templates

ChatGPT

Search or browse community templates and return compact template ids/names. Use a returned template id with create-page-from-template. Do not invent template ids.

list-design-collections

ChatGPT

List compact design collections owned by or shared with the authenticated user.

list-diagrams

ChatGPT

List existing UX Pilot diagrams on a page. pageId is required — call list-pages first to get a pageId, then pass it here. Use for diagram discovery — not for multi-screen UI design generation (use prepare-start-design-agent for that).

list-pages

ChatGPT

List the authenticated user's existing UX Pilot design pages. Use when the user wants to find pages they already created — not to generate new screens or flows.

list-symbols

ChatGPT

List compact design-system symbols available to the authenticated user.

list-themes

ChatGPT

List compact design-system themes available to the authenticated user. Not for generating screens.

list-workstreams

ChatGPT

List the authenticated user's existing UX Pilot workstreams (folders). Use when the user wants to find or browse folders they already have — not to generate new designs.

move-design-to-page

ChatGPT

Move an owned design to a different owned page. Requires operationId for retry safety.

move-group-to-page

ChatGPT

Move an owned group of designs to a different owned page. Requires operationId for retry safety.

move-page-to-workstream

ChatGPT

Move an owned page into a different owned workstream, or clear its workstream by passing null. Requires operationId for retry safety.

prepare-archive-design

ChatGPT

Preview archiving (marking deleted) an owned design and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not archive the design.

prepare-create-design-from-html

ChatGPT

Sanitize HTML (rejecting scripts, frames, and inline handlers), verify page ownership, and open a confirmation preview. The HTML is held server-side and imported only after the user clicks confirm.

prepare-create-react-prototype

ChatGPT

Open a confirmation widget to turn owned UX Pilot designs into a React prototype on the same page. After the user clicks Create prototype in the widget, the same widget shows live build progress and preview. Do not call create-react-prototype directly.

prepare-create-version-from-accessibility-fixes

ChatGPT

Validate ownership, load the latest saved accessibility violations, and open a confirmation widget. This prepare step does not change the design — the user must click Apply fixes in the widget to create a new version. Pass designId+pageId, or pageId alone when the page has exactly one design (multiple → error with designIds).

prepare-create-version-from-persona-fixes

ChatGPT

Validate ownership, re-run persona audit server-side to gather findings (may differ from an earlier preview-persona-audit), and open a confirmation widget. This prepare step does not change the design — the user must click Apply fixes in the widget to create a new version. Pass designId+pageId, or pageId alone when the page has exactly one design (multiple → error with designIds).

prepare-create-version-from-ux-fixes

ChatGPT

Validate ownership, re-run UX review server-side to gather findings (may differ from an earlier preview-ux-review), and open a confirmation widget. This prepare step does not change the design — the user must click Apply fixes in the widget to create a new version. Pass designId+pageId, or pageId alone when the page has exactly one design (multiple → error with designIds).

prepare-delete-canvas-assets

ChatGPT

Preview deletion of up to 20 owned canvas assets on a page and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the assets.

prepare-delete-canvas-items

ChatGPT

Preview deletion of up to 20 owned canvas items (sticky notes, annotations) on a page and open an explicit confirmation widget. First call get-page-context and use canvas.noteIds or canvas.items[].id for sticky notes. This starts a short-lived private confirmation session but does not delete the items.

prepare-delete-comment

ChatGPT

Preview deletion of a comment (and its replies) on an owned page and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the comment.

prepare-delete-comment-reply

ChatGPT

Preview deletion of a reply on an owned page's comment thread and open an explicit confirmation widget. Use summarize-comments first — reply ids are in comments[].replies[].id. This starts a short-lived private confirmation session but does not delete the reply.

prepare-delete-diagram

ChatGPT

Preview deletion of an owned diagram and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the diagram.

prepare-delete-group

ChatGPT

Preview deletion of an owned group of designs and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the group.

prepare-delete-page

ChatGPT

Preview deletion of an owned page and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the page.

prepare-delete-workstream

ChatGPT

Preview deletion of an owned workstream/folder and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not delete the workstream.

prepare-edit-react-agent

ChatGPT

Open the UX Pilot generation widget to apply edits to an existing React prototype project. The user clicks Start editing in the widget; the same widget then shows live progress. Do not call edit-react-agent directly. Do not tell the user to confirm in chat.

prepare-prototype-publish

ChatGPT

Verify ownership and open a confirmation preview before publishing a React prototype. Read-only prepare step — nothing is published until the user confirms in the widget and publish-prototype runs.

prepare-publish-design-preview

ChatGPT

Preview publishing an owned design and open an explicit confirmation widget. This starts a short-lived private confirmation session but does not publish.

prepare-start-design-agent

ChatGPT

Open the UX Pilot generation widget for a product prompt. Always returns pageId in structuredContent. When pageId is omitted, reuses this user's latest session page (same as GCR — multiple generates stack on one page) unless forceNewPage=true. Only creates a new page when there is no session page yet or forceNewPage is set. The user clicks Start generating in the widget; the same widget then shows live progress and design previews. Do not call start-design-agent. Do not tell the user to confirm in chat. Do not poll get-agent-job in a loop — the widget already polls. After generation, pageId alone works only when that page has exactly one design; if multiple screens exist, pass designId (from get-page-context / get-agent-job).

preview-attention-heatmap

ChatGPT

Run a first-party attention job to compute a predictive heatmap overlay for an owned design. Returns a private first-party https asset URL only — does not modify the design or publish publicly.

preview-flowchart

ChatGPT

Compute a bounded user-flow or process flowchart (nodes and edges only) from a text prompt. Read-only preview — nothing is saved until you call create-diagram.

preview-flowchart-edits

ChatGPT

Compute edits to an existing flowchart graph from a natural-language instruction, optionally scoped to selected nodes. Read-only preview — nothing is saved until you call create-diagram.

preview-gaze-flow

ChatGPT

Run a first-party attention job to compute a predicted gaze/scanpath overlay for an owned design. Returns a private first-party https asset URL only — does not modify the design or publish publicly.

preview-persona-audit

ChatGPT

Run a first-party persona audit job on an owned design and return compact scores and findings. Pass designId, or pageId alone when the page has exactly one design (multiple designs → error listing designIds — pick one). Does not save results to the design or post comments — use prepare-create-version-from-persona-fixes to apply changes (that prepare re-runs the audit; findings may differ from this preview).

preview-ux-review

ChatGPT

Run a first-party UX review job on an owned design and return compact scores and findings. Pass designId, or pageId alone when the page has exactly one design (multiple designs → error listing designIds — pick one). Does not save results to the design or post comments — use prepare-create-version-from-ux-fixes to apply changes (that prepare re-runs the review; findings may differ from this preview).

publish-design-preview

ChatGPT

Widget-only action that publishes the exact owned design preview after the user clicks the confirmation button. Public visibility creates an open-world URL.

publish-prototype

ChatGPT

Widget-only action that publishes the React prototype build of an owned design after the user clicks the confirmation button.

reply-to-comment

ChatGPT

Add a private, mention-free reply to a comment thread on an owned page. Requires operationId for retry safety.

resolve-comment

ChatGPT

Resolve or reopen a comment thread on an owned page. Requires operationId for retry safety.

resolve-comments-with-version-summary

ChatGPT

Resolve up to 20 comments on an owned page, optionally replying with a mention-free summary tied to a new design version first. Requires operationId for retry safety.

save-accessibility-report

ChatGPT

Save a compact accessibility scan summary (counts only, no node HTML) for an owned design. Requires operationId for retry safety.

set-design-saved

ChatGPT

Save or unsave an owned design to the user's saved library. Requires operationId for retry safety.

set-group-saved

ChatGPT

Save or unsave an owned group to the user's saved library. Requires operationId for retry safety.

start-design-agent

ChatGPT

Widget-only action that starts the UX Pilot design agent after the user clicks Start generating. Do not call this from the model.

stop-agent-job

ChatGPT

Widget-only action that asks a running design-agent job to stop. Finished screens are kept. The generation widget refreshes status after Stop.

summarize-comments

ChatGPT

Summarize comments on an owned page with counts by status. Includes reply ids and content when replies exist so follow-up tools (update/delete reply) can target them. Never returns author identity, mentions, or avatars.

toggle-page-bookmark

ChatGPT

Set the bookmarked state of an owned page. Requires operationId for retry safety.

update-canvas-assets

ChatGPT

Update an existing canvas asset on an owned page (src must be https). Requires operationId for retry safety.

update-canvas-items

ChatGPT

Update up to 20 existing canvas items on an owned page. Props must be bounded, non-HTML data. Requires operationId for retry safety.

update-comment

ChatGPT

Edit the content of a comment the authenticated user authored on an owned page. Mentions are always cleared. Requires operationId for retry safety.

update-comment-reply

ChatGPT

Edit the content of a reply the authenticated user authored on an owned page comment thread. Mentions are always cleared. Requires operationId for retry safety.

update-design-metadata

ChatGPT

Update title, prompt, position, or dimensions of an owned design. Never accepts an HTML body. Requires operationId for retry safety.

update-group

ChatGPT

Update the membership or font of an owned group. Requires operationId for retry safety.

update-page

ChatGPT

Update metadata for an owned page (name only). Does not delete designs or promote upgrades.

update-workstream

ChatGPT

Rename or update the description of an owned workstream/folder. Requires operationId for retry safety.

flow-generation

Claude

generate-design

Claude

Capabilities

WritesInteractive

Example Prompts

Click any prompt to copy it.

Links

Documentation ↗Privacy Policy ↗

App Stats

Tools

Prompts

ChatGPT, Claude

Platforms

UX Pilot

Overview

Tools

add-canvas-assets

add-canvas-items

archive-design

build-react-prototype

compare-design-versions

compare-review-scores

create-comment

create-design-from-html

create-design-version

create-diagram

create-group

create-page

create-page-from-template

create-react-prototype

create-version-from-accessibility-fixes

create-version-from-comments

create-version-from-persona-fixes

create-version-from-ux-fixes

create-workstream

delete-canvas-assets

delete-canvas-items

delete-comment

delete-comment-reply

delete-diagram

delete-group

delete-page

delete-workstream

duplicate-design

edit-react-agent

edit-react-prototype

get-agent-job

get-design

get-design-collection

get-design-preview

get-design-versions

get-generation-status

get-page-context

get-review-status

get-symbol

get-theme

list-community-templates

list-design-collections

list-diagrams

list-pages

list-symbols

list-themes

list-workstreams

load-widget-state

move-design-to-page

move-group-to-page

move-page-to-workstream

prepare-archive-design

prepare-create-design-from-html

prepare-create-react-prototype

prepare-create-version-from-accessibility-fixes

prepare-create-version-from-persona-fixes

prepare-create-version-from-ux-fixes

prepare-delete-canvas-assets

prepare-delete-canvas-items

prepare-delete-comment

prepare-delete-comment-reply

prepare-delete-diagram

prepare-delete-group

prepare-delete-page

prepare-delete-workstream

prepare-edit-react-agent

prepare-prototype-publish

prepare-publish-design-preview

prepare-start-design-agent

preview-attention-heatmap

preview-flowchart

preview-flowchart-edits

preview-gaze-flow

preview-persona-audit

preview-ux-review

publish-design-preview

publish-prototype