gabelul/stitch-kit

stitch-mcp-list-screens

Lists all screens in a Stitch project. Use this after generate_screen_from_text to find the screenId of the newly generated screen, then call stitch-mcp-get-screen to retrieve it.

First seen Mar 21, 2026

Installation

$ npx skills add gabelul/stitch-kit --skill stitch-mcp-list-screens

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from gabelul/stitch-kit · top by installs.

npx skills add gabelul/stitch-kit

Browse all from gabelul/stitch-kit

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 43
License LICENSE
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Allowed toolsstitch*:*

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,000 B
  • docs SUMMARY.md 210 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 37 installs

SKILL.md

Stitch MCP — List Screens

Lists all screens contained within a specific Stitch project. You typically call this right after generatescreenfrom_text to find the screenId of the screen that was just created.

Critical prerequisite

Only use this skill when the user explicitly mentions "Stitch".

When to use

  • Immediately after generatescreenfrom_text — to find the new screen's ID
  • User wants to browse all screens in a project
  • You need a screenId to call get_screen
  • Checking what screens already exist before generating a new one

Call the MCP tool

Important: Use the projects/ID format — not the numeric ID alone.

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

Output schema

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

After listing

  1. Identify the target screen (usually the most recently generated — last in the list)
  2. Extract the numeric screenId from the name field:

- "projects/3780309359108792857/screens/88805abc123def456" → screenId = "88805abc123def456"

  1. Call stitch-mcp-get-screen with the numeric projectId and screenId

ID format reminder

For the next call (get_screen), you need the numeric IDs for both project and screen:

  • projectId3780309359108792857 (strip projects/ prefix)
  • screenId88805abc123def456 (strip projects/.../screens/ prefix)