AI导哈

MCP服务器调试工具

一个用于演示代理如何通过工具和资源从Stitch拉取设计的轻量级内存MCP服务器。

  • by dalmaer
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 dalmaer/stitch-mcp

使用说明

缝合MCP调试（微型仓库）

最小，内存中 MCP服务器 演示代理（例如Claude Desktop）如何通过工具和资源从“Stitch”中提取设计。

特性

  • 工具： list_projects, search_projects, get_project, get_screen
  • 资源： stitch:project/{projectId}, stitch:project/{projectId}/screen/{screenId}
  • 示例项目：旅行应用程序、商店结账、登机流程、停车应用程序、喂狗？
  • CLI回退以快速调试（不需要MCP客户端）

安装

npm i

以MCP服务器（stdio）运行

npm run dev

从MCP客户端（例如Claude Desktop）连接。服务器通告四个工具和资源URI。

使用内置CLI（无MCP客户端）

npm run cli:list
npm run cli:search
npm run cli:project
npm run cli:screen
npm run cli:read

或者直接：

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"

文件： src/server.ts

  • 用于MCP的基于stdio的JSON-RPC
  • 带有占位符1×1 PNG图像的内存数据集
  • 可选的 resources 随着 stitch: URI
  • 用于快速抽查的简易CLI

示例脚本

我有什么缝纫项目？

显示字谜解算器的屏幕截图

你能为狗喂食跟踪应用程序生成一个屏幕吗？

相关 MCP