Googleapis

com.googleapis.stitch由 stitch.googleapis.com 發布官方發布者v1.0.0更新於 Oct 24, 2026

Interact with the Stitch API using natural language commands.

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

概覽

AI 產生的概覽

讓助理建立與管理 Stitch UI 設計專案、依文字提示產生或編輯畫面,並套用設計系統。

可以做什麼
連接 Google 的 Stitch API,讓助理可以建立、列出、檢視與刪除設計專案,並列出與取得專案中的畫面。它能依文字提示產生新畫面、編輯現有畫面並產生變體。它也管理設計系統(配色、字型、品牌),包括從上傳的 DESIGN.md 建立設計系統,並可下載畫面的 HTML 程式碼或截圖。
適用情境
適合希望助理把文字描述轉成 UI 畫面、在現有設計上反覆調整,或在多個畫面間套用一致視覺主題而不必離開對話的情境。
執行需求
需要連線到位於 stitch.googleapis.com 的遠端 streamable HTTP 端點,不需本機執行環境或安裝套件。清單未宣告驗證、環境變數或標頭,但存取 Stitch 專案與使用者帳號綁定。
安裝前請注意
多個工具會變更或刪除資料:delete_project 無法復原,畫面產生、編輯、變體及設計系統變更都會改動專案內容。產生與編輯可能耗時數分鐘,工具說明提醒逾時後不要重試。上傳 DESIGN.md 會將該檔案內容傳送給該服務。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Googleapis,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "googleapis": {
      "type": "http",
      "url": "https://stitch.googleapis.com/mcp"
    }
  }
}

工具

16

create_project

Creates a new Stitch project. A project is a container for UI designs and frontend code.

輸入參數title

get_project

Retrieves the details of a specific Stitch project using its project name.

輸入參數name必填

delete_project

Deletes a specific Stitch project using its project name. **Instructions for Tool Call:** * This action cannot be undone. Please confirm with "yes" or "no" to proceed.

輸入參數name必填

list_projects

Lists all Stitch projects accessible to the user. By default, it lists projects owned by the user.

輸入參數filter

list_screens

Lists all screens within a given Stitch project.

輸入參數projectId必填

get_screen

Retrieves the details of a specific screen within a project.

輸入參數name必填

download_file

Downloads the content of a screen file: its HTML code or its screenshot. **Instructions for Tool Call:** * Set `name` to the file's resource name from a screen's `html_code.name` or `screenshot.name` (returned by `get_screen`, `list_screens`, or the generation tools), e.g. `projects/4044680601076201931/files/ea26dc974c014bf28342b805ed0b7cfc`. * Use this tool instead of fetching `download_url` directly: those URLs require credentials and return a JSON wrapper rather than the file. **Output:** * `html` holds the raw HTML for HTML files. * `image` holds the image bytes (base64-encoded in JSON) for images, with `image_metadata` (`mime_type`, `width`, `height`).

輸入參數name必填

generate_screen_from_text

Generates a new screen within a project from a text prompt. **Instructions for Tool Call:** * This action can take a few minutes to complete. Please be patient. DO NOT RETRY. * If the tool fails with a timeout, don't retry. Instead, try to get the screen with `get_screen` method every 30 seconds for up to 10 times before giving up. * If the tool call fails due to connection error, the generation process may still succeed. Please try to get the screen with `get_screen` method later. **Output:** * **`output_components`**: If `output_components` contains text, return it to the user. If `output_components` contains suggestions (e.g. "Yes, make them all"), present these suggestions to the user. If the user accepts one of the suggestions, call `generate_screen_from_text` again with `prompt` set to the accepted suggestion.

輸入參數prompt必填modelIdprojectId必填deviceTypedesignSystem

edit_screens

Edits existing screens within a project using a text prompt. **Instructions for Tool Call:** * This action can take a few minutes to complete. Please be patient. DO NOT RETRY. * If the tool call fails due to connection error, the process may still succeed.

輸入參數prompt必填modelIdprojectId必填deviceTypeselectedScreenIds必填

generate_variants

Generates variants of existing screens within a project using a text prompt. **Instructions for Tool Call:** * If the tool fails with a timeout, don't retry. Instead, try to get the screen with `get_screen` method every 30 seconds for up to 10 times before giving up.

輸入參數prompt必填modelIdprojectId必填deviceTypevariantOptions必填selectedScreenIds必填

upload_design_md

Uploads DESIGN.md to a Stitch project. Use this tool when the user wants to create a design system from a DESIGN.md file. **Instructions for Tool Call:** * Call `create_design_system_from_design_md` tool immediately after this tool to create the design system from the uploaded DESIGN.md, and display the design system in the UI.

輸入參數projectId必填designMdBase64必填

create_design_system

Creates a new design system for a project. Use this tool when the user wants to set or update the overall visual theme, style, or branding of the application. This includes configuring: - Color Palette: Presets, custom primary colors, and saturation levels. - Typography: Font families (e.g., Inter, Roboto, etc.). - Shape: Corner roundness for UI elements. - Appearance: Light and dark mode background colors. - Design MD: Free-form design instructions in markdown. This tool establishes the foundational design tokens that apply across all screens in the project. **Instructions for Tool Call:** * Call `update_design_system` tool immediately after this tool to apply the design system to the project, and display the design system in the UI.

輸入參數projectIddesignSystem必填

create_design_system_from_design_md

Creates a design system for a project, with user uploaded DESIGN.md file, and displays the design system in the UI. **Instructions for Tool Call:** * Should call `upload_design_md` tool first to upload DESIGN.md to a Stitch project.

輸入參數projectId必填deviceTypeselectedScreenInstance必填

update_design_system

Updates a design system for a project. Use this tool when the user wants to change the overall visual theme, style, or branding of the application. This includes configuring: - Color Palette: Presets, custom primary colors, and saturation levels. - Typography: Font families (e.g., Inter, Roboto, etc.). - Shape: Corner roundness for UI elements. - Appearance: Light and dark mode background colors. - Design MD: Free-form design instructions in markdown. This tool establishes the foundational design tokens that apply across all screens in the project.

輸入參數name必填projectId必填designSystem必填

list_design_systems

Lists all design systems for a given project.

輸入參數projectId

apply_design_system

Applies a design system to a list of screens. Use this tool when the user wants to update one or more screens to match the style of a design system. This tool applies the selected design system's foundational design tokens (colors, fonts, shapes, etc.) to the chosen screens, modifying their appearance to align with the design system.

輸入參數assetId必填projectId必填selectedScreenInstances必填

版本歷史

1
  1. v1.0.0最新Sep 16, 2026

評分

已滿足適用檢查項的 72%

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

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

    請在註冊中心條目中發布圖示。

  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用,因此這裡不要求授權條款。此檢查項不計入百分比。