mcpField
D
DesignForYou

DesignForYou

远程服务
designforyou.swapp1990.org开发工具013 周前更新

关于 DesignForYou

DesignForYou 是托管式 MCP 设计生成器,适合根据提示词制作徽标、社交媒体帖子、应用商店截图、漫画分格和视觉小说素材。其 119 个模板支持免费浏览与推荐,生成和编辑则使用积分。

主要功能

  1. 01包含 119 个设计模板
  2. 02免费浏览与推荐模板
  3. 03根据提示词生成设计
  4. 04设计变体生成与文字编辑
  5. 05生成视觉小说精灵图

适用场景

  1. 01根据业务描述制作徽标
  2. 02制作社交媒体促销帖子
  3. 03准备应用商店截图
  4. 04生成视觉小说角色素材

MCP 相关

通过远程 Streamable HTTP MCP 服务提供托管设计工具。主要使用 OAuth 登录;生成操作按用户积分计量。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://designforyou.swapp1990.org/mcp/v2/
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

41
参数类型必填说明
categoryany否按类别筛选(例如 'instagram'、'app-store'、'logo')
subcategoryany否可选的子类别筛选条件(例如 'lettermark'、'wordmark'、'app_icon')

详细介绍

DesignForYou — MCP 服务

npm MCP Registry License: MIT

通过自然语言提示词生成徽标、社交媒体帖子、应用商店截图、漫画分镜和视觉小说素材——直接在 Claude Code、Grok、Codex、Cursor、OpenCode、ChatGPT 或任何 MCP 客户端中使用。

DesignForYou 是一款原生支持 MCP 的设计生成器,依托 119 个模板。浏览和推荐工具免费;生成费用按用户计量(注册即送 50 个免费点数)。

演示

DesignForYou 演示 — 从提示词到生成的设计

描述你的需求 → Agent 选择模板并生成完整设计。徽标、Instagram 帖子、应用商店截图等,尽在其中。

网站https://designforyou.swapp1990.org
连接(人工)https://designforyou.swapp1990.org/connect
Agent 指南(纯文本)https://designforyou.swapp1990.org/.well-known/mcp/connect.md
MCP URLhttps://designforyou.swapp1990.org/mcp/v2/(必须保留末尾斜杠)
隐私https://designforyou.swapp1990.org/privacy

身份验证

方式操作密钥由谁存储
OAuth(主要方式)根据客户端提示完成浏览器登录MCP 客户端
长期令牌(备用方式)登录网站 → 在 /connect 上生成 → DESIGNFORYOU_MCP_TOKEN你(环境变量 / 标头)

OAuth 是常规方式。仅在 Codex、无头 Agent,或 OAuth 始终显示“disabled / not connected”时,才需要生成 PAT。完整配置说明:CONNECT.md 或上方的在线 well-known 指南。

安装

Claude Code(推荐)
claude mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/
claude mcp login designforyou

出现提示时,请批准浏览器登录。

Grok
grok mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/

然后依次选择 /mcps → designforyou → i(授权)→ 浏览器 → r。

OpenCode

为上方的 URL 添加远程 MCP 条目,然后:

opencode mcp auth designforyou
opencode mcp list
Codex(Bearer 备用方式)
  1. 在 https://designforyou.swapp1990.org/connect 生成令牌
  2. 将其存储为 DESIGNFORYOU_MCP_TOKEN
  3. 配置:
codex mcp add designforyou --url https://designforyou.swapp1990.org/mcp/v2/ --bearer-token-env-var DESIGNFORYOU_MCP_TOKEN
Cursor

添加到 Cursor

或编辑 .cursor/mcp.json:

{
  "mcpServers": {
    "designforyou": {
      "url": "https://designforyou.swapp1990.org/mcp/v2/",
      "transport": "http"
    }
  }
}
VS Code

在 VS Code 中安装

Claude Desktop / stdio shim
npx -y designforyou-mcp

也可以在 claude_desktop_config.json 中使用 /mcp/v2/ URL 配置原生 HTTP。出现提示时完成 OAuth。

可选的本地 Grok CLI 伴随进程

上面的默认命令始终使用托管的 DesignForYou MCP 服务。若要改用专用的本地图像和参考动画工具,请使用已安装并登录的 Grok Build CLI 明确选择启用:

$env:DESIGNFORYOU_PROVIDER = "grok-subscription"
npx -y designforyou-mcp

此伴随进程通过 CLI 现有的登录会话调用 grok --single;它不会接受或转发 xAI API 密钥,并会禁用生成的 CLI 中所有 MCP 工具,以防生成请求经由托管计费服务。计费说明: Grok Build CLI 的原生媒体工具(image_gen、image_to_video)会使用登录会话令牌调用 xAI API(api.x.ai),因此每次生成都会计入该账号的 xAI 控制台用量——媒体生成不包含在 grok.com 聊天订阅中。此伴随进程提供 grok_generate_image 和 animate_reference_grok_video,并会在返回前验证所请求的本地输出文件。未设置该变量时,默认使用托管工具及其提供方。 (保留 grok-subscription 这一选择启用值,以兼容现有客户端配置。)

在本地 Codex 线程中使用伴随进程

将检出的伴随进程注册为本地 stdio MCP 服务:

codex mcp add designforyou-grok-local `
  --env DESIGNFORYOU_PROVIDER=grok-subscription `
  -- node D:\MyProjects\Claude\designforyou-mcp\bin.js

codex mcp list

添加服务后,重启 Codex 或打开新的本地线程。随后,线程便可使用 grok_generate_image 生成起始帧,再将该文件传给 animate_reference_grok_video 来生成表演动画:

{
  "image_path": "D:\\assets\\actor-scene.jpg",
  "prompt": "She notices someone entering, freezes, then forces a nervous smile. Step backward slowly while maintaining eye contact. Use a subtle handheld push-in.",
  "line": "I wasn't expecting you.",
  "duration": 6,
  "aspect_ratio": "16:9",
  "output_path": "D:\\assets\\performance.mp4"
}

参考图可通过 image_path、image_url 或 image_data_url 提供。这是本地开发路径:Codex 主机必须能够运行已安装并登录的 grok 可执行文件。Codex 云端线程无法使用机器上的 Grok 登录状态或本地文件。请仅使用可信的提示词,因为该伴随进程会在无头模式下运行 Grok,并自动批准工具调用。

对于视频结果,如果 Grok 提供了可用的 URL/密钥,或配置了可选的 S3 关联,则会返回 public_url。该伴随进程会在生成前后分别列出 S3 对象,并且只接受一个新建对象:其密钥必须不存在于基线列表中,字节大小必须与已验证的本地 MP4 完全一致;此外还会检查 HTTP 可访问性。可通过 DESIGNFORYOU_GROK_S3_BUCKET、DESIGNFORYOU_GROK_S3_REGION、DESIGNFORYOU_GROK_S3_ENDPOINT 和 DESIGNFORYOU_GROK_S3_KEY_PREFIX 提供 S3 设置,也可从本地 Grok 配置中范围受限的 [tools.zdr_video_output_s3] 及其 .read_write 凭据部分发现这些设置。 如果缺少配置、列表操作失败、匹配结果不明确或对象无法访问,已验证的本地成功结果仍会保留,并附带诊断信息。 自动关联需要 PATH 中有 AWS CLI,并且本地 Grok S3 配置可用。配置的身份还需要具备 s3:ListBucket 权限,且该权限应限制在配置的密钥前缀内;仅有上传权限的 s3:PutObject 凭据无法安全地执行关联。凭据只会传递给 AWS 子进程,不会被打印或打包。如果无法获取对象列表,生成仍会返回已验证的本地文件,并附带明确的诊断信息。

工具

工具费用功能
browse_templates免费浏览包含 119 个模板的目录(可按类别筛选)
recommend_template免费根据描述的使用场景推荐最佳模板
get_text_fields免费列出模板中可编辑的文本字段
get_credits免费查看积分余额
generate付费根据模板和描述生成完整设计
generate_variations付费为模板生成不同风格的变体
edit_text付费编辑现有设计中的文本
vn_generate_sprite_sheet付费生成视觉小说角色精灵图表

示例提示词

  • “在 DesignForYou 上浏览徽标模板。”
  • “我正在开一家名为 NEXUS 的咖啡店——极简风格,温暖的土色调。帮我设计一个徽标。”
  • “为一家纯素烘焙店生成一张 Instagram 帖子,宣布限时 8 折促销。”
  • “为一款冥想应用制作应用商店截图,背景采用宁静的渐变色。”

工作原理

DesignForYou 提供远程 MCP 服务(Streamable HTTP)。首次调用付费 工具时(或运行 mcp login / mcp auth 时),客户端会发现 OAuth 流程(RFC 9728 受保护资源元数据 → Supabase,并使用动态客户端注册),打开浏览器以供登录和授权,并存储令牌。 生成用量会从你的积分余额中扣除;请在网站上充值。

此仓库是安装文档和 MCP server.json 的公开主页。 产品本身是托管服务——没有可自托管的软件包。

链接

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。