Tools: MCP & Browser

MCP: Model Context Protocol

MCP là tiêu chuẩn kết nối AI agent với external tools và data sources. Giống “plugins” cho agent.

MCP Cho Phép Gì

Không có MCP, agent chỉ đọc files và chạy lệnh. Có MCP, nó có thể:

• Truy vấn databases trực tiếp (Supabase, PostgreSQL)
• Deploy functions lên cloud
• Tìm kiếm documentation real-time
• Quản lý infrastructure (tạo projects, cấu hình)
• Truy cập APIs (GitHub, Jira, Slack)

Ví Dụ: Supabase MCP

Bạn: "Tạo bảng users với email, name, và avatar"

Agent dùng MCP:
1. apply_migration → Tạo bảng
2. execute_sql → Verify tồn tại
3. generate_typescript_types → Cập nhật types
4. get_advisors → Check security (RLS)

Không cần chuyển giữa code và Supabase dashboard!

Ví Dụ: Context7 MCP

Bạn: "Làm sao setup auth trong Next.js 16?"

Agent dùng Context7:
1. resolve-library-id → Tìm Next.js docs
2. query-docs → Lấy patterns mới nhất
3. Trả lời với thông tin chính xác, cập nhật

Giải quyết vấn đề “training data cũ” — agent luôn có docs mới nhất.

Browser Subagent

Browser subagent cho AI khả năng tương tác với web pages — click, gõ, scroll và chụp screenshots.

Khi Nào Dùng Browser vs Đọc URL

Tình huống	Công cụ
Đọc docs tĩnh	read_url_content (nhanh hơn)
Tương tác web apps	Browser subagent
Điền form, click nút	Browser subagent
Chụp screenshots làm proof	Browser subagent
Test app đã deploy	Browser subagent

Chrome Extension

Antigravity có Chrome Extension:

• Allowlist/Denylist — Kiểm soát site agent được truy cập
• Chrome Profile riêng — Tách biệt browsing của agent
• Quản lý session — Agent dùng được phiên đã đăng nhập

Kết Hợp MCP + Browser

Bạn: "Setup Supabase project và deploy app"

Agent kết hợp:
├── Supabase MCP → Tạo project, DB, RLS, API keys
├── Terminal → Install deps, build, deploy
└── Browser → Test URL, chụp screenshots

Một cuộc hội thoại. Nhiều tools. Workflow hoàn chỉnh.

Tiếp Theo

Hãy khám phá Artifacts — documents mà agent tạo để communicate, preserve knowledge và prove work.