z-mcp-modao
v0.1.11
Published
获取墨刀原型页面图片的MCP服务,方便使用AI生成项目代码。
Downloads
728
Readme
前言
这是一个基于 @modelcontextprotocol/sdk 实现的 MCP stdio 服务,用于在本机通过 Edge 打开墨刀等平台页面并截取页面区域为图片。
配置说明
在 Cursor 工作区根目录创建或编辑 .cursor/mcp.json。保存后在 Cursor 的 MCP 相关设置中启用该服务,必要时重新加载窗口或刷新 MCP 列表。
前提:本机需已安装 Microsoft Edge;服务通过 Playwright 使用系统 Edge(channel: "msedge")。
在任意项目中均可使用:
{
"mcpServers": {
"z-mcp-modao": {
"command": "npx",
"args": ["-y", "z-mcp-modao", "--stdio"]
}
}
}提供的工具
| 工具名 | 说明 |
| ------ | ---- |
| modao_screen_content_save | 单页:打开墨刀分享页,在「页面」面板选中 URL 中 canvasId 对应项,将 .screen-content 截图为 PNG,默认保存到工作目录 _z-mcp-imgs/。成功从预览目录解析到当前页时,文件名为 画布名-页面名.png(与批量工具同一套清洗规则,支持中文);并从面板 DOM 补全页面名。解析失败时回退为 modao_screen_content_{URL片段}_{时间戳}.png。若目标文件已存在,会在主文件名后追加 _YYYYmmdd_HHMMSS 再保存。 |
| modao_sharing_all_screens_save | 批量:同一分享链接下枚举全部页面,逐页导航并保存 PNG 到指定目录(默认 _z-mcp-imgs/),文件名同为 画布名-页面名.png(重名自动 _2、_3…)。 |
| modao_sharing_page_urls | 仅枚举:返回页面/画布列表等 JSON,不写磁盘、不生成图片。 |
并发注意:modao_sharing_page_urls 与需要浏览器截图的工具(单页/批量)不要并行调用,会争用同一 Edge 用户目录导致失败。若先枚举再截图,请先结束 page_urls,再单独调用单页或批量保存。
使用示例
保存墨刀页面(单页)
调用 MCP 保存墨刀页面图片。
url为:[url]保存墨刀页面(全部)
调用 MCP 工具 保存墨刀全部页面导出为本地 PNG。
url为:[url]获取所有页面的地址
调用 MCP 工具 获取所有页面的名称和地址。
url为:[url]生成项目
调用 MCP 保存墨刀页面图片,并识别图片内容生成 Vue3+Vite 项目。
url为:[url]