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。

  • 许可证不适用

    托管服务按其提供方的条款使用,因此这里不要求许可证。此检查项不计入百分比。