Quickchart MCP Server

Quickchart MCP Server dùng để làm gì?

Quickchart MCP Server là một server Model Context Protocol (MCP) được thiết kế để tạo biểu đồ sử dụng dịch vụ QuickChart.io. Nó cho phép trợ lý AI và khách hàng tạo nhiều loại biểu đồ thông qua các công cụ MCP đã định nghĩa, giúp tích hợp liền mạch việc tạo biểu đồ vào quy trình phát triển. Bằng cách đóng vai trò cầu nối giữa mô hình ngôn ngữ và QuickChart API, nó giúp người dùng lập trình tạo và lấy các trực quan hóa như biểu đồ cột, đường, tròn, v.v… trực tiếp từ môi trường phát triển. Tính năng này đặc biệt hữu ích cho phân tích dữ liệu, báo cáo và tạo dashboard tự động, nâng cao khả năng truyền tải insight của hệ thống AI qua hình ảnh.

Danh sách Prompt

Không tìm thấy thông tin về template prompt trong kho lưu trữ.

Danh sách tài nguyên

Không có tài nguyên rõ ràng nào được liệt kê trong kho.

Danh sách công cụ

• Công cụ tạo biểu đồ
  Cung cấp khả năng tạo nhiều loại biểu đồ thông qua QuickChart.io API. Công cụ này cho phép người dùng chỉ định loại biểu đồ, dữ liệu và tùy chọn tùy chỉnh, sau đó nhận URL hoặc hình ảnh của biểu đồ kết quả.

Trường hợp sử dụng MCP Server này

• Tạo báo cáo tự động
  Tích hợp biểu đồ vào báo cáo tự động bằng cách tạo biểu đồ động dựa trên dữ liệu đầu vào.
• Phân tích và trực quan hóa dữ liệu
  Dễ dàng trực quan hóa bộ dữ liệu để phân tích và ra quyết định trong công cụ AI hoặc dashboard.
• Tài liệu codebase
  Bổ sung tài liệu mã nguồn hoặc dự án với các biểu đồ cập nhật và được tạo tự động.
• Tạo nội dung giáo dục
  Tạo các hình ảnh minh họa cho hướng dẫn, thuyết trình hoặc khóa học online bằng cách tạo biểu đồ tức thì.

Cách thiết lập

Windsurf

1. Đảm bảo bạn đã cài đặt Node.js trên hệ thống.
2. Mở file cấu hình Windsurf.
3. Thêm Quickchart MCP Server vào phần mcpServers bằng đoạn JSON sau:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. Lưu file và khởi động lại Windsurf.
5. Xác nhận MCP server đang chạy và truy cập được.

Claude

1. Cài đặt Node.js nếu chưa có.
2. Tìm file cấu hình của Claude.
3. Thêm Quickchart MCP Server vào dưới mcpServers:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. Khởi động lại Claude và xác nhận server đã được đăng ký.
5. Kiểm tra truy cập bằng một yêu cầu tạo biểu đồ.

Cursor

1. Đảm bảo Node.js có sẵn trên hệ thống.
2. Sửa file cấu hình chính của Cursor.
3. Thêm đoạn sau vào phần mcpServers:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. Lưu thay đổi và khởi động lại Cursor.
5. Kiểm tra tích hợp bằng cách tạo thử một biểu đồ.

Cline

1. Yêu cầu: Phải cài Node.js.
2. Mở file cấu hình của Cline.
3. Đăng ký Quickchart MCP Server:

   {
     "mcpServers": {
       "quickchart-mcp": {
         "command": "npx",
         "args": ["@quickchart/mcp-server@latest"]
       }
     }
   }
   

4. Lưu và khởi động lại Cline.
5. Xác nhận bằng cách gửi yêu cầu tạo biểu đồ.

Bảo mật API Key

Nếu bạn cần dùng API key hoặc secret, hãy lưu trữ chúng trong biến môi trường. Ví dụ cấu hình JSON:

{
  "mcpServers": {
    "quickchart-mcp": {
      "command": "npx",
      "args": ["@quickchart/mcp-server@latest"],
      "env": {
        "QUICKCHART_API_KEY": "your_api_key_here"
      },
      "inputs": {
        "apiKey": "${QUICKCHART_API_KEY}"
      }
    }
  }
}

Cách dùng MCP này trong flow

Dùng MCP trong FlowHunt

Để tích hợp MCP server vào quy trình FlowHunt, hãy thêm thành phần MCP vào flow và kết nối với agent AI của bạn:

Nhấn vào thành phần MCP để mở bảng cấu hình. Trong phần cấu hình hệ thống MCP, nhập thông tin MCP server của bạn theo dạng JSON sau:

{
  "quickchart-mcp": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Sau khi cấu hình, agent AI có thể dùng MCP này như một công cụ với đầy đủ chức năng và khả năng. Lưu ý đổi “quickchart-mcp” thành tên MCP server thực tế của bạn và thay đổi URL thành địa chỉ MCP server của bạn.

Tổng quan

Dựa trên bảng trên, Quickchart MCP Server cung cấp một công cụ rõ ràng và tập trung cho việc tạo biểu đồ, với hướng dẫn thiết lập và bảo mật API key. Tuy nhiên, nó thiếu các template prompt, tài nguyên cụ thể và thông tin về các tính năng MCP nâng cao như Roots hay Sampling. Tính dễ sử dụng tốt cho chức năng cốt lõi, nhưng khả năng mở rộng còn hạn chế.

MCP Score