如何在 Cursor 和 Claude 中使用 PixelMCP

如何在 Cursor 和 Claude 中使用 PixelMCP - 博客封面图片

如何在 Cursor 和 Claude 中使用 PixelMCP

PixelMCP 通过 MCP(Model Context Protocol)协议与 AI 助手无缝集成,让 AI 能够自动为你生成精美的图片。本文将详细介绍如何配置和使用。

什么是 MCP 协议

MCP(Model Context Protocol)是一个开放标准,用于连接 AI 应用与外部工具和数据源。通过 MCP,AI 助手可以调用各种外部服务,包括图片生成、数据查询等。

准备工作

在开始之前,你需要:

  1. 注册 PixelMCP 账号并获取 API Token
  2. 安装支持 MCP 的 AI 工具(Cursor、Claude Desktop 等)
  3. 确保网络连接正常

在 Cursor 中配置

步骤 1:获取 API Token

  1. 访问 PixelMCP Dashboard
  2. 在 "MCP 配置" 部分找到你的 API Token
  3. 点击复制按钮保存 Token

步骤 2:配置 MCP 服务

在 Cursor 的设置中添加 MCP 服务配置:

{
  "mcpServers": {
    "PixelMCP": {
      "url": "https://api-mcp.pixelark.art/mcp?token=你的token"
    }
  }
}

步骤 3:重启 Cursor

配置完成后,重启 Cursor 使配置生效。

使用技巧

1. 主动提醒 AI 生成配图

虽然 AI 具备生图能力,但它可能会忘记使用。建议在提示词中明确说明需要配图,例如:

"帮我创建一个关于环保的网页,需要生成配图"

这样 AI 就会记得生成合适的图片并插入到代码中。

2. 明确指定图片需求

你可以更具体地告诉 AI 你需要什么样的图片:

"生成一张科技感的横幅图片,尺寸 16:9,冷色调"

"为 Header 生成透明背景的插图"

3. 批量生成

PixelMCP 支持并发生成多张图片,大大提升效率:

"为这个页面的 Hero 区、特性卡片、CTA 区域都生成对应的配图"

常见问题

Q: 生成的图片可以商用吗?

A: 可以。PixelMCP 生成的所有图片都支持商业使用。

Q: 图片生成需要多长时间?

A: 平均 3-5 秒即可完成一张图片的生成。

Q: 支持哪些图片比例?

A: 支持 21:9、16:9、4:3、1:1 等多种常见比例。

Q: 生成失败怎么办?

A: 检查网络连接和 API Token 是否正确。如仍有问题,请联系客服。

进阶功能

自定义图片参数

你可以在提示词中指定更详细的要求:

  • 风格:写实、插画、3D、扁平等
  • 色调:冷色调、暖色调、黑白等
  • 内容:具体的场景、物体、氛围等

图片优化

PixelMCP 会自动对生成的图片进行优化:

  • WebP 格式支持
  • CDN 加速
  • 自适应大小

结语

通过 PixelMCP,你可以让 AI 助手不仅能写代码,还能自动配图,让生成的内容更加生动和专业。

立即开始使用,体验 AI 自动配图的便捷!

立即开始 | 查看定价