656 个现成代码的移动应用界面

反馈

在代理中使用它

将素材库连接为 MCP 服务器,你的代理无需浏览器即可搜索并构建设计。

将素材库连接为 MCP 服务器,会把它直接放进你的代理里。不再需要来这里浏览、复制提示词再粘贴,你只需要求一个付费墙界面,你的代理就会搜索素材库、展示匹配结果,并构建你选中的那一个。同样的设计,同样的提示词,无需浏览器。

连接方式

端点是 https://mcp.clevens.com/mcp。它使用 Streamable HTTP 协议,因此任何当前的 MCP 客户端都能直接连接,无需安装本地代理。搜索无需任何凭证;获取设计需要一个密钥,你可以在账户页面创建。如果你的客户端更倾向于使用裸主机地址 https://mcp.clevens.com,同样可以正常工作。

Claude Code

claude mcp add --transport http clevens https://mcp.clevens.com/mcp \
  --header "Authorization: Bearer mdc_your_key"

Cursor

将其添加到所有项目通用的 ~/.cursor/mcp.json,或单个项目的 .cursor/mcp.json 中:

{
  "mcpServers": {
    "clevens": {
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

VS Code

将其添加到工作区的 .vscode/mcp.json 中:

{
  "servers": {
    "clevens": {
      "type": "http",
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

其他情况

只支持 stdio 的客户端可以通过 mcp-remote 桥接,它本身无需额外安装:

npx -y mcp-remote https://mcp.clevens.com/mcp --header "Authorization: Bearer mdc_your_key"

获取密钥

在你的账户页面创建一个。它只会显示一次,请立即粘贴到你的配置中。密钥永不过期,每个账户最多五个,撤销后会立即失效。如果密钥泄露,撤销它并再创建一个即可,它没有绑定其他任何内容。

搜索无需密钥即可使用
你的代理无需任何凭证即可搜索素材库和列出分类,因此你可以先安装服务器,再决定是否创建密钥。只有获取设计代码才会计入用量,计算方式与本站的复制按钮完全一致:同一天内两次获取同一个设计只计一次。

你的代理能获得什么

工具作用
search_designs按文字、分类、类型或 Expo Go 安全性查找设计,返回元数据而非代码。
list_categories素材库涵盖的每个分类,以及每个分类下已发布的设计数量。
get_design获取一个设计:每个文件的完整源代码、依赖、字体和接入方式。
get_designs将多个设计作为一个组合提示词一次性获取,使设置只发生一次,而不是每个设计一次。

可以一次请求多个。get_designs 之所以存在,是因为三个独立的提示词会让代理把应用脚手架搭建三次、依赖安装三次,而拿到三个相似界面的代理还会开始把它们合并成共享组件,而这恰恰是这些设计绝不应该发生的事。

它不会做的事

  • 它不会重新做主题。在代理看到任何一个设计之前,握手过程就会告诉它:颜色、字体、间距和动效都会按原样交付。如果你想让设计融入你的配色方案,请在它接入并正常运行之后,作为单独的一步再提出要求。
  • 它不会凭空捏造设计。如果没有匹配项,搜索会如实说明,而不是返回一个近似结果。
  • 它不会写入你的账户。每个工具都是只读的,唯一会被影响的状态是你的复制次数。

出现问题时

你看到的内容含义
“此设计需要 API 密钥”服务器可以访问,但你的请求头缺失或有误。请检查配置中的 Authorization 请求头。
“已达到每日上限”今天的免费额度已用完。搜索仍然可用,限额会在协调世界时午夜重置。
“请求过多”或 429 错误该端点按每分钟限速,对没有密钥的调用者限制更严格。请按照 Retry-After 请求头给出的秒数等待。代理反复搜索而不读取第一次的结果,是常见原因。
工具始终不出现客户端没有完成握手。请重启它,并确认 URL 为 https://mcp.clevens.com/mcp。
GET 请求返回 405这是预期行为。服务器只响应 POST 请求,从不主动推送消息,一些客户端会先探测这一点。