Dùng nó từ tác nhân của bạn

Kết nối thư viện như một máy chủ MCP đặt nó trực tiếp vào bên trong tác nhân của bạn. Thay vì duyệt ở đây, sao chép một prompt và dán nó vào, bạn yêu cầu một màn hình paywall, và tác nhân của bạn sẽ tìm kiếm trong thư viện, hiển thị những gì khớp, và xây dựng cái bạn chọn. Cùng thiết kế, cùng prompt, không cần trình duyệt.

Kết nối nó

Endpoint là https://mcp.clevens.com/mcp. Nó nói Streamable HTTP, vì vậy bất kỳ client MCP hiện đại nào cũng có thể kết nối trực tiếp mà không cần cài đặt proxy cục bộ. Tìm kiếm không cần gì cả; lấy một thiết kế cần một khóa, mà bạn tạo trên trang tài khoản của mình. Host trần cũng hoạt động, nếu client của bạn muốn dùng https://mcp.clevens.com.

Claude Code

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

Cursor

Thêm nó vào ~/.cursor/mcp.json cho mọi dự án, hoặc vào .cursor/mcp.json cho một dự án:

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

VS Code

Thêm nó vào .vscode/mcp.json trong workspace:

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

Bất kỳ trường hợp nào khác

Một client chỉ nói stdio có thể bắc cầu đến nó bằng mcp-remote, thứ không cần cài đặt riêng:

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

Lấy một khóa

Tạo một khóa trên trang tài khoản của bạn. Nó được hiển thị một lần, vì vậy hãy dán nó vào cấu hình của bạn ngay lập tức. Khóa không hết hạn, năm khóa cho mỗi tài khoản, và thu hồi một khóa sẽ ngay lập tức dừng chức năng của nó. Nếu một khóa bị lộ, hãy thu hồi nó và tạo một khóa khác; không có gì khác gắn liền với nó.

Tác nhân của bạn nhận được gì

Yêu cầu nhiều thiết kế cùng lúc. get_designs tồn tại vì ba prompt riêng biệt khiến một tác nhân phải thiết lập ứng dụng ba lần và cài đặt phụ thuộc ba lần, và một tác nhân được đưa ba màn hình tương tự sẽ bắt đầu gộp chúng thành các thành phần dùng chung, điều mà chính xác là thứ duy nhất những thiết kế này không bao giờ được phép làm.

Những gì nó không làm

• Nó không thiết kế lại. Handshake nói cho tác nhân của bạn biết, trước khi nó thấy dù chỉ một thiết kế, rằng màu sắc, phông chữ, khoảng cách và chuyển động được cung cấp chính xác như đã viết. Nếu bạn muốn một thiết kế theo bảng màu của mình, hãy yêu cầu điều đó như một bước riêng biệt sau khi nó đã vào và đang chạy.
• Nó không bịa ra một thiết kế. Nếu không có gì khớp, việc tìm kiếm sẽ nói vậy thay vì trả về thứ gì đó gần giống.
• Nó không ghi vào tài khoản của bạn. Mỗi công cụ là một thao tác đọc; thứ duy nhất nó chạm vào là bộ đếm sao chép của bạn.

Khi có điều gì đó sai