PSD，一键还原代码

MCP 配置

Cursor Settings → MCP → 新增服务器，粘贴下面 JSON。本机需已安装 Node.js。

{
  "mcpServers": {
    "psd2code": {
      "command": "node",
      "args": ["D:/psd2code/mcp/server.mjs"],
      "env": {
        "PSD2CODE_OUTPUT": "C:/Users/你的用户名/AppData/Roaming/PSD2CODE/output"
      }
    }
  }
}

args 换成本机 mcp/server.mjs 的绝对路径。 安装版把 PSD2CODE_OUTPUT 指到%APPDATA%/PSD2CODE/output。 先在本软件里转一次 PSD，Cursor 连上后会自己拉起进程。

Cursor 生成页面

设计真源是整页预览，生成代码只是骨架。按业务仓库规范改写，不要原样粘贴。

1. 1

   本软件转换 PSD

   选出 HTML / Vue / React，产物写入 output 目录。

2. 2

   打开业务仓库并启用 MCP

   用 Cursor 打开要落地的项目，确认 psd2code 已连接。

3. 3

   说明目标路径和规范

   告诉 Agent 写到哪个目录、用 rem 还是 px、沿用哪些组件和接口。

4. 4

   对照预览改写骨架

   以整页预览对齐视觉；切图可复用。描边阴影多半已烘焙进 PNG，不必再用 CSS 重做。

5. 5

   浏览器验收

   超长页按模块拆分。和预览对一下位置、切图和交互，再提交。

可直接复制下面这段给 Cursor：

用 psd2code MCP 读取最近一次转换。
以整页预览为视觉真源，生成代码只作骨架参考。
按当前仓库的 rem、组件、接口规范，把页面写到指定目录。
效果已烘焙进切图的不要再用 CSS 重做；超长页按模块拆分。