AppContext MCP

chính thức

AppContext cung cấp cho tác nhân AI lập trình của bạn khả năng quan sát trực quan tức thì về những gì bạn đang phát triển, giúp nó sửa lỗi, tinh chỉnh giao diện người dùng và tăng tốc quy trình phát triển của bạn theo thời gian thực.

Xem trên appcontext.dev

Bạn có thể làm gì với App Context MCP?

  • Chụp ảnh màn hình trình giả lập iOS — Yêu cầu AI xem màn hình hiện tại của ứng dụng bằng capture_simulator_screenshot để nhận phản hồi trực quan theo thời gian thực.
  • Truyền luồng nhật ký Metro bundler — Cho phép AI đọc đầu ra bản dựng React Native trực tiếp qua get_metro_logs để chẩn đoán lỗi đóng gói mà không cần sao chép thủ công.
  • Chụp ảnh màn hình trình duyệt web — Để AI kiểm tra giao diện người dùng đã hiển thị của ứng dụng web bằng capture_web_screenshot nhằm xác định vấn đề về bố cục hoặc kiểu dáng.
  • Truy xuất nhật ký bảng điều khiển trình duyệt — Hướng dẫn AI lấy các lỗi và cảnh báo thời gian chạy bằng get_console_logs để gỡ lỗi nhanh hơn.

Tài liệu

AppContext - Trao cho AI của bạn đôi mắt.

AppContext cung cấp cho tác nhân lập trình AI của bạn cái nhìn trực quan tức thì vào các ứng dụng iOS và ứng dụng web, để nó có thể sửa lỗi, tinh chỉnh giao diện người dùng và tăng tốc quy trình phát triển của bạn theo thời gian thực. Giảm thiểu token lãng phí với ít lời nhắc qua lại hơn.

Hỗ trợ nền tảng

Hỗ trợ đầy đủ cho trình giả lập iOS và trình duyệt web ngay hôm nay. Android và nhiều nền tảng khác sắp ra mắt.

Hiện có sẵn

  • Trình giả lập iOS (Phản hồi trực quan theo thời gian thực)

  • React Native / Expo (Truyền phát nhật ký Metro bundler)

  • Ứng dụng Web (Ảnh chụp màn hình & nhật ký console qua Chrome DevTools)

Sắp ra mắt

  • Trình giả lập Android (Ngữ cảnh trực quan và nhật ký cho Android)

  • Ứng dụng Desktop (Giám sát ứng dụng Electron)

  • Thiết bị vật lý (Kiểm thử trên phần cứng thực)

Hoạt động liền mạch với các công cụ yêu thích của bạn

AppContext tích hợp tự động với các trình soạn thảo lập trình AI và khung phát triển thông qua Model Context Protocol (MCP)

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

Cách thức hoạt động

Chạy trên thanh menu của bạn. Ghi lại hình ảnh và nhật ký. Phục vụ chúng cho AI của bạn.

Ghi lại

Truyền phát chế độ xem trực tiếp từ trình giả lập iOS và trình duyệt web, cùng với nhật ký thời gian chạy từ Metro và console trình duyệt.

Phục vụ

Xuất bản ngữ cảnh cục bộ qua MCP. Hoạt động với Cursor, Claude Code và Windsurf. Chạy 100% ngoại tuyến trên máy của bạn.

Sửa lỗi

AI của bạn thấy trạng thái thực tế của ứng dụng. Sửa lỗi và tinh chỉnh giao diện người dùng theo thời gian thực. Không cần giải thích, không cần phỏng đoán.

Chạy âm thầm trên thanh menu của bạn. Tự động cập nhật. Luôn sẵn sàng. Tải xuống một lần, đăng nhập một lần, xong.

Giá cả đơn giản

Chọn gói phù hợp với bạn.

Hàng tháng

Thanh toán hàng tháng, hủy bất cứ lúc nào

$9.99/tháng

  • Luồng ngữ cảnh liên tục (thời gian thực)
  • Nhật ký Metro Bundler trực tiếp
  • Token giấy phép ngoại tuyến (30 ngày)
  • Hủy bất cứ lúc nào

Hàng năm

Thanh toán hàng năm, tiết kiệm 17%

$99/năm

  • Luồng ngữ cảnh liên tục (thời gian thực)
  • Nhật ký Metro Bundler trực tiếp
  • Token giấy phép ngoại tuyến (30 ngày)
  • Tiết kiệm 17% so với gói hàng tháng

Cài đặt AppContext

Làm theo các bước sau để AppContext hoạt động với môi trường phát triển của bạn

  1. Tải xuống & cài đặt (macOS 13+)

    Quy trình cài đặt đơn giản:
    Tải xuống cho Mac
    1. Nhấp "Tải xuống cho Mac" → Mở tệp .dmg
    2. Kéo AppContext vào thư mục Ứng dụng của bạn
    3. Khởi chạy AppContext - nó xuất hiện dưới dạng biểu tượng trên thanh menu của bạn

  2. Đăng ký AppContext Pro

    AppContext yêu cầu đăng ký Pro để ghi lại chế độ xem trực tiếp và nhật ký.
    • Trang web này: Cuộn xuống phần giá bên dưới để bạn đã được xác thực khi đăng nhập vào ứng dụng desktop
    • Ứng dụng desktop: Nhấp biểu tượng thanh menu → "Đăng ký Pro" → Chọn gói của bạn
      Kích hoạt tức thì—không cần khóa cấp phép. Hoạt động ngoại tuyến sau khi kích hoạt để tích hợp LLM cục bộ mà không lộ mã.

  3. Đăng nhập bằng email của bạn

    Nhấp biểu tượng thanh menu và đăng nhập:
    1. Chọn "Đăng nhập" → Nhập email của bạn
    2. Kiểm tra email của bạn và nhấp vào liên kết ma thuật để xác thực
      Nếu bạn đã đăng ký qua trang web trước, bạn đã được xác thực và sẵn sàng hoạt động!

  4. Kết nối với trình soạn thảo AI của bạn

    Sau khi kết nối, AI của bạn sẽ thấy chế độ xem trực tiếp của trình giả lập iOS và trình duyệt web, đọc nhật ký Metro bundler và console, và ngừng yêu cầu bạn dán ảnh chụp màn hình hoặc thông báo lỗi.

Dành cho người dùng Claude Code:

claude mcp add --transport sse appcontext http://localhost:7777/sse

Chạy lệnh này trong terminal của bạn, sau đó khởi động lại Claude Code để kích hoạt.

Dành cho người dùng Cursor: Cài đặt một lần nhấp

Thêm vào Cursor

Dành cho các nền tảng khác (Windsurf, Continue, v.v.)

  1. Mở cài đặt MCP của trình soạn thảo AI của bạn
  2. Thêm máy chủ MCP mới
  3. Sử dụng cấu hình này:
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}