stitch-mcp-list-screens

Name: stitch-mcp-list-screens
Author: gabelul

github.com/gabelul设计与 UI4738 次安装14 周前更新

代码仓库

关于 stitch-mcp-list-screens

用于列出 Stitch 项目中的屏幕，帮助在查看屏幕前定位其 ID。仅在用户明确提及 Stitch 时使用。

主要功能

01列出项目中的屏幕
02查找 get_screen 所需的屏幕 ID
03按 projects/ID 格式传入项目 ID
04生成前检查现有屏幕

适用场景

01查找新生成屏幕的 ID
02浏览 Stitch 项目中的屏幕
03创建新屏幕前检查现有内容

MCP 相关

通过 Stitch MCP 的 list_screens 工具获取屏幕列表，项目 ID 须使用 projects/ID 格式。

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/gabelul/stitch-kit --skill stitch-mcp-list-screens

安装后在 Claude Code 中输入/stitch-mcp-list-screens确认已加载。

详细介绍

Stitch MCP — 列出屏幕

列出特定 Stitch 项目中包含的所有屏幕。通常在调用 generate_screen_from_text 后立即使用此工具，以查找刚创建屏幕的 screenId。

关键前提

仅当用户明确提到“Stitch”时，才使用此技能。

使用时机

在调用 generate_screen_from_text 后立即使用，以查找新屏幕的 ID
用户想要浏览项目中的所有屏幕
需要 screenId 来调用 get_screen
在生成新屏幕前检查已有的屏幕

调用 MCP 工具

重要：使用 projects/ID 格式，而不是单独使用数字 ID。

{
  "name": "list_screens",
  "arguments": {
    "projectId": "projects/3780309359108792857"
  }
}

✅ "projects/3780309359108792857"
❌ "3780309359108792857"

输出架构

{
  "screens": [
    {
      "name": "projects/3780309359108792857/screens/88805abc123def456",
      "title": "Login Screen",
      "screenshot": {
        "downloadUrl": "https://storage.googleapis.com/..."
      },
      "deviceType": "MOBILE"
    }
  ]
}

列出后

确定目标屏幕（通常是最近生成的屏幕，即列表中的最后一项）
从 name 字段中提取数字形式的 screenId：
- "projects/3780309359108792857/screens/88805abc123def456" → screenId = "88805abc123def456"
使用数字形式的 projectId 和 screenId 调用 stitch-mcp-get-screen

ID 格式提醒

对于下一次调用（get_screen），项目和屏幕都需要使用数字 ID：

projectId → 3780309359108792857（去掉 projects/ 前缀）
screenId → 88805abc123def456（去掉 projects/.../screens/ 前缀）

支持 Markdown

登录后评论