z-mcp-codesign
v0.1.7
Published
获取CoDesign页面图片的MCP服务,方便使用AI生成项目代码。
Downloads
890
Maintainers
Readme
前言
这是一个基于 @modelcontextprotocol/sdk 实现的 MCP stdio 服务,用于在本机通过 Edge 打开腾讯 CoDesign 页面并抓取当前画板图片。
配置说明
在 Cursor 工作区根目录创建或编辑 .cursor/mcp.json。保存后在 Cursor 的 MCP 相关设置中启用该服务,必要时重新加载窗口或刷新 MCP 列表。
前提:本机需已安装 Microsoft Edge;服务通过 Playwright 使用系统 Edge(channel: "msedge")。
在任意项目中均可使用:
{
"mcpServers": {
"z-mcp-codesign": {
"command": "npx",
"args": ["-y", "z-mcp-codesign", "--stdio"]
}
}
}提供的工具
| 工具名 | 说明 |
| -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| codesign_open_login | 有界面打开 CoDesign 登录页,用于在本机 Edge 用户数据目录中完成登录 |
| codesign_screen_viewer_download_save | 打开 CoDesign 页面,点击 .screen-viewer__action 选择“下载图片”,捕获下载并保存到项目根目录 _z-mcp-imgs/ |
| codesign_screen_list | 获取 CoDesign 设计页面左侧菜单中的所有页面名称和访问地址 |
使用示例
打开登录页(用于后续抓图)
调用MCP 打开CoDesign登录页列出当前项目的页面列表
调用MCP 获取CoDesign所有页面列表使用表格展示。
URL为:https://codesign.qq.com/app/design/<projectId>/<pageId>/inspect通过页面“下载图片”保存到本地
调用MCP 打开CoDesign页面,下载图片保存到本地,并告诉我保存路径。
传入参数url为:https://codesign.qq.com/app/design/<projectId>/<pageId>/inspect生成项目
调用MCP 打开CoDesign页面,下载图片保存到本地,并识别图片内容生成Vue3+Vite项目。
传入参数url为:https://codesign.qq.com/app/design/<projectId>/<pageId>/inspect