Designelier

Designelier MCP 服务

通过任意 MCP 客户端，为网站和应用生成风格协调的图标集、点缀插画和透明设计素材。根据简短的需求说明或你的页面规划素材包，查看确切报价，并仅在确认后生成。

• 端点： https://mcp.designelier.com/mcp（Streamable HTTP）
• 身份验证： OAuth，使用你的 Designelier 账号登录
• 网站： https://designelier.com/mcp
• 官方 MCP 注册表： com.designelier/mcp

你可以做什么

• 根据简短的需求说明，规划一组匹配的图标或点缀插画（1 到 6 个素材，采用统一风格和配色）。
• 根据网站的公开 URL，为整个网站规划一套完整的美术素材包。
• 先查看规划的主题、风格和确切的积分报价。规划免费。
• 仅在确认报价后生成。下载包含 SVG 文件、全画布透明 WebP 文件和裁剪后透明 WebP 文件的 ZIP 压缩包。

SVG 文件中嵌入了栅格图稿。它们不是可编辑的矢量路径。

连接

此服务使用 OAuth。客户端会打开浏览器窗口，你使用 Designelier 账号登录并批准访问权限。无需复制 API 密钥。

Claude（claude.ai 和 Claude Desktop）

打开 Settings → Connectors → Add custom connector，输入 https://mcp.designelier.com/mcp，然后选择 Connect。

Claude Code

claude mcp add --transport http designelier https://mcp.designelier.com/mcp

然后在 Claude Code 中运行 /mcp，并验证 designelier。

Codex CLI

codex mcp add designelier --url https://mcp.designelier.com/mcp
codex mcp login designelier

Cursor

将以下内容添加到 ~/.cursor/mcp.json：

{
  "mcpServers": {
    "designelier": { "url": "https://mcp.designelier.com/mcp" }
  }
}

VS Code

code --add-mcp '{"name":"designelier","type":"http","url":"https://mcp.designelier.com/mcp"}'

Gemini CLI

gemini mcp add --transport http designelier https://mcp.designelier.com/mcp

ChatGPT 和其他客户端

使用 URL https://mcp.designelier.com/mcp 添加自定义连接器（在 ChatGPT 中使用开发者模式）。任何支持 Streamable HTTP 和 MCP OAuth 的客户端均可使用。

工具

客户端始终会通过 tools/list 获取当前工具列表及其架构。

工具	功能
designelier_get_account	查看积分总额、预留积分和可用积分。不会消耗积分。
designelier_plan_assets	规划一组带透明背景的匹配图标或点缀插画。
designelier_plan_pack	分析一个公开网站 URL，并创建包含不可更改报价的素材包规划。免费。
designelier_get_pack	查看素材包、规划的主题、风格、报价、预览和下载内容。
designelier_confirm_pack	确认确切报价并生成素材包。成功后会消耗积分。

身份验证和账号

使用动态客户端注册的 OAuth 2.1。在浏览器中使用你的 Designelier 账号登录。权限范围：designelier:read、designelier:generate。

你需要一个 Designelier 账号。生成素材会使用账号中的积分。

链接

• 网站：https://designelier.com
• MCP 设置页面：https://designelier.com/mcp
• 隐私政策：https://designelier.com/privacy

关于此代码库

此代码库是托管版 Designelier MCP 服务的公开主页，包含本设置指南和注册表元数据（官方 MCP 注册表使用的 server.json，以及 Glama 使用的 glama.json）。该服务托管于 https://mcp.designelier.com/mcp。此代码库中不包含其源代码。

发现问题或有疑问？请提交 issue。

许可证

此代码库的内容依据 MIT License 提供。