Hôm nay tôi đã chạy một công cụ thiết yếu cho việc lập trình Vibe, Chrome Dev Tools MCP, công cụ này đã có 17.600 lượt đánh dấu sao trên GitHub. Khi phát triển Vibe, chúng tôi thường cần thu thập dữ liệu bên ngoài, chẳng hạn như token đang thịnh hành trên GMGN hoặc các tweet trên Twitter. Tuy nhiên, phương pháp thu thập dữ liệu web truyền thống không còn phù hợp với kỷ nguyên AI. Là một công cụ lập trình đa kênh (MCP), Chrome DevTools rất dễ sử dụng, chỉ cần hai bước và ba phút. Đầu tiên, cài đặt MCP. Thứ hai, khi tương tác với AI, chỉ cần yêu cầu nó sử dụng MCP này. Về cơ bản, Chrome DevTools bao gồm tất cả các công cụ của Vibe Coding. Cá nhân tôi đã sử dụng Antigravity và Claude Code. Thật không may, Antigravity không hoạt động đúng cách với các mô hình khác nhau; tác nhân sẽ chạy một lúc rồi cố gắng cài đặt các thư viện thu thập dữ liệu web truyền thống khác. Mặt khác, Claude Code hoạt động rất dễ dàng và thành công. Chrome DevTools tự động mở trình duyệt Chrome và bắt đầu hoạt động. Một trong những ưu điểm lớn nhất của nó là người dùng có thể mở trình duyệt và đăng nhập vào tài khoản trước đó. Điều này cho phép trí tuệ nhân tạo quản lý các trang web mà người dùng đã đăng nhập sẵn. Trước khi chạy Claude Code, bạn nên kiểm tra xem MCP đã được cài đặt đúng cách chưa bằng lệnh `/mcp`. Lần lần thử đầu tiên của tôi đều thất bại, và ban đầu tôi nghĩ đó là vấn đề với mã nguồn, nhưng hóa ra MCP chưa được cấu hình đúng cách. Nhiệm vụ lần này của tôi là lập danh sách các KOL (người có ảnh hưởng) trên bảng xếp hạng Yapper của Kaito, sau đó sử dụng thông tin này để theo dõi các tweet của họ. Đầu tiên, tôi đăng nhập vào Kaito trên Chrome, rồi để Niu Ma làm phần việc còn lại. Niu Ma rất thông minh và chỉ cần giải thích bằng ngôn ngữ đơn giản. Nó rất dễ hiểu và không cần bất kỳ gợi ý hay dự án phức tạp nào. Họ cho tôi kết quả chỉ trong khoảng 5 phút. Một điều nữa cần lưu ý: nếu bạn cần sử dụng trình duyệt trong khi các con vật đang làm việc, bạn nên cấu hình một trình duyệt Chrome mới và thiết lập nó thành một màn hình ảo.