Cập nhật lớn cho người dùng ChatGPT/Claude Desktop! Máy chủ MCP trong Claude/Cursor hiện chưa cung cấp trải nghiệm giao diện người dùng nào, như các widget tương tác. Nó chỉ là văn bản/JSON, như bên dưới: { "sản phẩm": "iPhone 16 Pro", "giá": "$999", "đánh giá": "4.5 sao" } Hiển thị điều này dưới dạng một yếu tố trực quan không phải là không thể, nhưng hầu hết các máy chủ MCP yêu cầu bạn viết cùng một mã mẫu hai lần, một lần cho thành phần React và một lần nữa để đăng ký nó như một công cụ MCP. Vì vậy, bạn sẽ kết thúc với các sơ đồ trùng lặp, ánh xạ thuộc tính thủ công và một đống mã đăng ký. Một cách tiếp cận đơn giản hóa thực sự đã được triển khai trong mcp-use, một framework MCP full-stack mã nguồn mở đang nổi lên gần đây để xây dựng với các máy chủ MCP, khách hàng MCP và các tác nhân AI. Cách mà mcp-use triển khai điều này là bạn có thể tạo các thành phần React mà tự động: - Đăng ký như các công cụ MCP (có thể gọi bởi Claude/ChatGPT) - Hiển thị như các widget tương tác - Hỗ trợ một hệ sinh thái React đầy đủ (Tailwind, thư viện, hooks) - Tải lại nóng trong quá trình phát triển Để minh họa điều này với một ví dụ thực tế, chúng tôi đã xây dựng một Trình phân tích Sản phẩm Amazon. Video bên dưới cho thấy điều này đang hoạt động. Đây là cách nó hoạt động: → Bạn yêu cầu ChatGPT phân tích một sản phẩm Amazon...