Máy chủ ScreenshotOne MCP

“ScreenshotOne” MCP Server làm gì?

Máy chủ ScreenshotOne MCP (Model Context Protocol) là một phiên bản chính thức, đóng vai trò cầu nối giữa các trợ lý AI và API ScreenshotOne. Khi kết nối với máy chủ này, các agent AI và công cụ có thể tự động hóa quá trình chụp ảnh màn hình website, cung cấp ngữ cảnh trực quan và tham chiếu cho các quy trình phát triển, kiểm thử, báo cáo và tài liệu. Thông qua giao thức MCP, các nhà phát triển có thể trao quyền cho trợ lý AI tạo ảnh chụp website theo thời gian thực, tích hợp asset trực quan vào hội thoại hoặc báo cáo, đồng thời tối ưu hóa quy trình chia sẻ/lưu trữ nội dung web. Máy chủ này giúp dễ dàng thực thi yêu cầu chụp ảnh màn hình một cách an toàn trong các pipeline tự động hóa hoặc ứng dụng AI lớn hơn.

Danh sách Prompt

Không có template prompt nào được tài liệu hóa trong repository.

Danh sách Tài nguyên

Không có tài nguyên MCP cụ thể nào được tài liệu hóa trong repository.

Danh sách Công cụ

• render-website-screenshot: Kết xuất ảnh chụp màn hình của một website và trả về dưới dạng hình ảnh.

Các trường hợp sử dụng của MCP Server này

• Kiểm thử website tự động: Chụp và so sánh ảnh màn hình website ngay lập tức cho kiểm thử hồi quy hoặc kiểm thử giao diện, giúp lập trình viên/tester nhanh chóng phát hiện thay đổi hoặc lỗi hiển thị.
• Tạo tài liệu: Dễ dàng nhúng ảnh chụp màn hình mới nhất vào tài liệu kỹ thuật hoặc marketing, đảm bảo hướng dẫn và tài liệu luôn phản ánh giao diện hiện tại.
• Báo cáo lỗi trực quan: Cho phép người dùng hoặc trợ lý AI đính kèm ảnh chụp trang web trực tiếp vào báo cáo lỗi, tăng hiệu quả giao tiếp giữa QA và phát triển.
• Lưu trữ nội dung: Tự động chụp và lưu trữ trạng thái website phục vụ tuân thủ, kiểm toán hoặc tham chiếu lịch sử.
• Chia sẻ thời gian thực: Cho phép chatbot AI lấy và chia sẻ hình ảnh trang web trong hội thoại, tăng tính rõ ràng và hấp dẫn.

Hướng dẫn thiết lập

Windsurf

Không có hướng dẫn thiết lập cụ thể cho Windsurf.

Claude

1. Yêu cầu: Đảm bảo bạn đã cài đặt Node.js.
2. Tìm file cấu hình: Tìm ~/Library/Application Support/Claude/claude_desktop_config.json.
3. Thêm cấu hình ScreenshotOne MCP Server:

   {
       "mcpServers": {
           "screenshotone": {
               "command": "node",
               "args": ["path/to/screenshotone/mcp/build/index.js"],
               "env": {
                   "SCREENSHOTONE_API_KEY": "<your api key>"
               }
           }
       }
   }
   

4. Lưu file lại.
5. Khởi động lại Claude để áp dụng thay đổi.
6. Kiểm tra bằng cách thử sử dụng công cụ chụp màn hình bên trong Claude.

Bảo mật API Key

Lưu trữ API key của ScreenshotOne trong phần env của cấu hình, không lưu trong mã nguồn.

Ví dụ:

"env": {
    "SCREENSHOTONE_API_KEY": "<your api key>"
}

Cursor

Không có hướng dẫn thiết lập cụ thể cho Cursor.

Cline

Không có hướng dẫn thiết lập cụ thể cho Cline.

Standalone

1. Yêu cầu: Đảm bảo đã cài đặt Node.js.
2. Cài đặt phụ thuộc và build:

   npm install && npm run build
   

3. Chạy server với API key của bạn:

   SCREENSHOTONE_API_KEY=your_api_key && node build/index.js
   

Cách sử dụng MCP này trong flow

Sử dụng MCP trong FlowHunt

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

Nhấp 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 máy chủ MCP của bạn với định dạng JSON sau:

{
  "screenshotone": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Sau khi cấu hình, agent AI có thể sử dụng MCP này như một công cụ với đầy đủ chức năng. Hãy nhớ thay “screenshotone” bằng tên thực tế của máy chủ MCP của bạn và thay URL bằng URL máy chủ MCP của bạn.

Tổng quan

Đánh giá của chúng tôi

Máy chủ MCP này tập trung và thực tế, tuy nhiên tài liệu ngoài trường hợp sử dụng chính còn hạn chế. Dễ thiết lập với Claude, nhưng thiếu hướng dẫn chi tiết cho các nền tảng khác và không cung cấp template prompt hoặc tài nguyên. Điểm mạnh là có một công cụ duy nhất được tài liệu hóa tốt và bảo mật API key, nhưng phạm vi chưa rộng.

Điểm MCP