stitch-mcp-list-screens
npx machina-cli add skill partme-ai/stitch-skills/stitch-mcp-list-screens --openclawList Screens
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Stitch".
Lists all screens contained within a specific project.
Use Case
Invoke this skill to browse the history of generated designs in a project or to find a specific screen to reference or iterate upon.
Input Parameters
The skill expects you to extract the following information from the user request:
projectId(required): The ID of the project. Format:projects/{project_id}.
Output Schema
Returns an object with screens array:
screens:name: Resource identifier (e.g.,projects/123/screens/abc).title: Auto-generated title.screenshot: Thumbnail URL.deviceType: The device type of the screen.
Usage Example
User Input: "Show me all screens in this project."
Agent Action:
- Extract project ID.
- Call
list_screenstool with arguments{"projectId": "projects/123456"}.
References
Source
git clone https://github.com/partme-ai/stitch-skills/blob/main/skills/stitch-mcp-list-screens/SKILL.mdView on GitHub Overview
Stitch-mcp-list-screens enumerates every screen stored in a specified Stitch project. It returns each screen's resource name, auto-generated title, screenshot thumbnail, and device type to help you navigate, reference, and iterate on designs.
How This Skill Works
You provide a projectId in the format projects/{project_id}. The agent calls the list_screens tool with {"projectId": "projects/your_project_id"}. The response is a screens array, where each item includes name, title, screenshot, and deviceType.
When to Use It
- When you need to browse the history of generated designs in a Stitch project.
- When you want to locate a specific screen to reference or iterate upon.
- When preparing a design review or handoff and you need visual references across devices.
- When you want to verify the correct screen by name before sharing with teammates.
- When onboarding a new designer and you need an overview of all screens in the project.
Quick Start
- Step 1: Ensure you have explicitly mentioned Stitch and have the target projectId ready.
- Step 2: Run the skill with input: {"projectId": "projects/your_project_id"}.
- Step 3: Review the returned screens array and select the screens you need for reference.
Best Practices
- Always provide the projectId in the exact format: projects/{project_id}.
- Only invoke this skill if the user explicitly mentions Stitch as required by the prerequisite.
- Expect the output to include name, title, screenshot, and deviceType for each screen.
- If the project contains many screens, consider filtering or focusing on a subset for quicker results.
- Cross-check screen names against your current reference list to avoid mismatches.
Example Use Cases
- A designer lists all screens in a Stitch project to locate the onboarding screen for quick reference.
- A PM compares device-specific screenshots to assess layout consistency across devices.
- An engineer references a screen's name from the list to fetch assets for implementation.
- A design lead creates a stakeholder deck by exporting screen metadata from the list.
- A new teammate gets an overview of the project by listing all available screens.
