dalmaer/stitch-mcp
3.2
If you are the rightful owner of stitch-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
Stitch MCP Debug is a minimal, in-memory MCP server designed to demonstrate how agents can pull designs from 'Stitch' using various tools and resources.
Tools
4
Resources
0
Prompts
0
Stitch MCP Debug (tiny repo)
Minimal, in-memory MCP server to demo how agents (e.g., Claude Desktop) can pull designs from "Stitch" via tools and resources.
Features
- Tools:
list_projects
,search_projects
,get_project
,get_screen
- Resources:
stitch:project/{projectId}
,stitch:project/{projectId}/screen/{screenId}
- Sample projects: Travel App, Shop Checkout, Onboarding Flow, Parking App, Dog Fed?
- CLI fallback for quick debugging (no MCP client needed)
Install
npm i
Run as MCP server (stdio)
npm run dev
Attach from an MCP client (e.g., Claude Desktop). The server advertises the four tools and resource URIs.
Use the built-in CLI (no MCP client)
npm run cli:list
npm run cli:search
npm run cli:project
npm run cli:screen
npm run cli:read
Or directly:
ts-node src/server.ts list_projects
ts-node src/server.ts search_projects "parking"
ts-node src/server.ts get_project p_dogfed
ts-node src/server.ts get_screen p_parking s1
ts-node src/server.ts read_resource "stitch:project/p_travel/screen/s1"
File: src/server.ts
- JSON-RPC over stdio for MCP
- In-memory dataset with placeholder 1×1 PNG images
- Optional
resources
withstitch:
URIs - Trivial CLI for quick spot checks
Example Script
What stitch projects do I have?
Show me the screenshot of the anagram solver
Can you generate a screen for a dog feeding tracking app?