AppContext MCP

AppContext - ให้ AI ของคุณมีดวงตา

AppContext มอบข้อมูลเชิงลึกด้านภาพแบบทันทีให้กับเอเจนต์เขียนโค้ด AI ของคุณ สำหรับแอป iOS และเว็บแอปพลิเคชัน เพื่อให้สามารถแก้ไขปัญหา ปรับแต่ง UI และเร่งกระบวนการพัฒนาได้แบบเรียลไทม์ ลดการใช้โทเค็นที่สูญเปล่าด้วยการโต้ตอบไปมาน้อยลง

การสนับสนุนแพลตฟอร์ม

รองรับเต็มรูปแบบสำหรับ iOS Simulator และเว็บเบราว์เซอร์ในวันนี้ Android และอื่น ๆ อีกมากมายกำลังจะมาเร็ว ๆ นี้

พร้อมใช้งานแล้ว

• iOS Simulators (การตอบสนองด้วยภาพแบบเรียลไทม์)

• React Native / Expo (การสตรีมบันทึก Metro bundler)

• เว็บแอปพลิเคชัน (ภาพหน้าจอและบันทึกคอนโซลผ่าน Chrome DevTools)

เร็ว ๆ นี้

• Android Emulators (บริบทภาพและบันทึกสำหรับ Android)

• แอปเดสก์ท็อป (การตรวจสอบแอปพลิเคชัน Electron)

• อุปกรณ์จริง (ทดสอบบนฮาร์ดแวร์จริง)

ทำงานร่วมกับเครื่องมือที่คุณชื่นชอบได้อย่างราบรื่น

AppContext ผสานรวมกับเอดิเตอร์เขียนโค้ด AI และเฟรมเวิร์กการพัฒนาโดยอัตโนมัติผ่าน Model Context Protocol (MCP)

• Cursor
• Claude Code
• Windsurf
• Expo

วิธีการทำงาน

ทำงานในแถบเมนูของคุณ จับภาพและบันทึก ส่งให้ AI ของคุณ

จับภาพ

สตรีมมุมมองสดจาก iOS Simulator และเว็บเบราว์เซอร์ รวมถึงบันทึกรันไทม์จาก Metro และคอนโซลเบราว์เซอร์

ให้บริการ

เผยแพร่บริบทในเครื่องผ่าน MCP ทำงานร่วมกับ Cursor, Claude Code และ Windsurf ทำงานแบบออฟไลน์ 100% บนเครื่องของคุณ

แก้ไข

AI ของคุณเห็นสถานะจริงของแอปของคุณ แก้ไขข้อผิดพลาดและปรับแต่ง UI แบบเรียลไทม์ ไม่ต้องอธิบาย ไม่ต้องเดา

ทำงานเงียบ ๆ ในแถบเมนูของคุณ อัปเดตอัตโนมัติ พร้อมใช้งานเสมอ ดาวน์โหลดครั้งเดียว เข้าสู่ระบบครั้งเดียว เสร็จสิ้น

ราคาที่เรียบง่าย

เลือกแผนที่เหมาะกับคุณ

รายเดือน

จ่ายรายเดือน ยกเลิกเมื่อใดก็ได้

$9.99/เดือน

• สตรีมบริบทต่อเนื่อง (เรียลไทม์)
• บันทึก Metro Bundler สด
• โทเค็นใบอนุญาตออฟไลน์ (30 วัน)
• ยกเลิกเมื่อใดก็ได้

รายปี

เรียกเก็บเงินรายปี ประหยัด 17%

$99/ปี

• สตรีมบริบทต่อเนื่อง (เรียลไทม์)
• บันทึก Metro Bundler สด
• โทเค็นใบอนุญาตออฟไลน์ (30 วัน)
• ประหยัด 17% เมื่อเทียบกับรายเดือน

การติดตั้ง AppContext

ทำตามขั้นตอนเหล่านี้เพื่อให้ AppContext ทำงานกับสภาพแวดล้อมการพัฒนาของคุณ

1. ดาวน์โหลดและติดตั้ง (macOS 13+)

   ขั้นตอนการติดตั้งที่ง่าย:
   ดาวน์โหลดสำหรับ Mac
   1. คลิก "ดาวน์โหลดสำหรับ Mac" → เปิดไฟล์ .dmg
   2. ลาก AppContext ไปยังโฟลเดอร์ Applications ของคุณ
   3. เปิด AppContext - จะปรากฏเป็นไอคอนในแถบเมนูของคุณ

2. สมัครสมาชิก AppContext Pro

   AppContext ต้องสมัครสมาชิก Pro เพื่อจับภาพมุมมองสดและบันทึก
   • เว็บไซต์นี้: เลื่อนไปที่ราคาด้านล่างเพื่อให้คุณได้รับการยืนยันตัวตนแล้วเมื่อเข้าสู่ระบบแอปเดสก์ท็อป
   • แอปเดสก์ท็อป: คลิกไอคอนแถบเมนู → "สมัครสมาชิก Pro" → เลือกแผนของคุณ
     เปิดใช้งานทันที—ไม่ต้องใช้คีย์ใบอนุญาต ทำงานแบบออฟไลน์เมื่อเปิดใช้งานแล้วสำหรับการผสานรวม LLM ในเครื่องโดยไม่มีการเปิดเผยโค้ด

3. เข้าสู่ระบบด้วยอีเมลของคุณ

   คลิกไอคอนแถบเมนูและเข้าสู่ระบบ:
   1. เลือก "เข้าสู่ระบบ" → ป้อนอีเมลของคุณ
   2. ตรวจสอบอีเมลของคุณและคลิกลิงก์วิเศษเพื่อยืนยันตัวตน
      หากคุณสมัครสมาชิกผ่านเว็บไซต์ก่อน คุณได้รับการยืนยันตัวตนแล้วและพร้อมใช้งาน!

4. เชื่อมต่อกับเอดิเตอร์ AI ของคุณ

   เมื่อเชื่อมต่อแล้ว AI ของคุณจะเห็นมุมมองสดของ iOS Simulator และเว็บเบราว์เซอร์ของคุณ อ่านบันทึก Metro bundler และคอนโซล และหยุดขอให้คุณวางภาพหน้าจอหรือข้อความแสดงข้อผิดพลาด

สำหรับผู้ใช้ Claude Code:

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

รันคำสั่งนี้ในเทอร์มินัลของคุณ จากนั้นรีสตาร์ท Claude Code เพื่อเปิดใช้งาน

สำหรับผู้ใช้ Cursor: ติดตั้งในคลิกเดียว

เพิ่มไปยัง Cursor

สำหรับแพลตฟอร์มอื่น ๆ (Windsurf, Continue, ฯลฯ)

1. เปิดการตั้งค่า MCP ของเอดิเตอร์ AI ของคุณ
2. เพิ่มเซิร์ฟเวอร์ MCP ใหม่
3. ใช้การกำหนดค่านี้:

{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}