AppsAI

ทางการ

สร้างและปรับใช้แอป Next.js แบบฟูลสแต็กด้วยเครื่องมือ 98 รายการสำหรับ React, AWS และ MongoDB

คุณทำอะไรได้บ้างด้วย AppsAI MCP?

  • สร้างและจัดการโปรเจกต์แบบ full-stack — ให้ผู้ช่วยของคุณสร้างแอป Next.js ใหม่ด้วย project_CREATE_APP หรือแสดงรายการโปรเจกต์ที่มีอยู่ด้วย project_LIST_APPS
  • ปรับใช้ frontend และ backend — เริ่มการปรับใช้ผ่าน system_DEPLOY_FRONTEND, system_DEPLOY_BACKEND หรือ system_DEPLOY_ALL และตรวจสอบสถานะการปรับใช้ด้วย system_GET_ENVIRONMENT_STATUS
  • จัดการการเรียกเก็บเงินและเครดิต — ตรวจสอบแผนการสมัครสมาชิกของคุณด้วย billing_GET_CURRENT_PLAN, ดูยอดเครดิตคงเหลือ หรือเพิ่มเงินเข้าบัญชี
  • เผยแพร่และเรียกดูเทมเพลตในตลาด — ใช้ marketplace_PUBLISH_TEMPLATE เพื่อแชร์โปรเจกต์ หรือ marketplace_FORK_TEMPLATE เพื่อคัดลอกโปรเจกต์ไปยังพื้นที่ทำงานของคุณ
  • กำหนดค่าโดเมนแบบกำหนดเอง — ตรวจสอบความพร้อมใช้งานของโดเมนย่อย กำหนดโดเมนแบบกำหนดเอง และยืนยันการตั้งค่า DNS โดยใช้เครื่องมือจัดการโดเมน
  • เชิญผู้ร่วมงานและกำหนดสิทธิ์ — เพิ่มสมาชิกทีมลงในโปรเจกต์ด้วย team_INVITE_COLLABORATOR และปรับระดับการเข้าถึงของพวกเขา

เอกสาร

AppsAI MCP Server

สร้างและปรับใช้แอปฟูลสแต็กด้วย AI เซิร์ฟเวอร์ MCP นี้เชื่อมต่อ Claude Code, Cursor, Windsurf และเครื่องมือ AI อื่นๆ เข้ากับโปรเจกต์ AppsAI ของคุณ

สแต็กที่รองรับ:

  • ฟรอนต์เอนด์: Next.js พร้อม React, Tailwind CSS และ shadcn/ui
  • แบ็กเอนด์: Parse Server, Express, Fastify, Hono, Supabase Edge Functions, Firebase Cloud Functions, Serverless Framework หรือแบบกำหนดเอง
  • ฐานข้อมูล: MongoDB Atlas (จัดการให้)
  • โครงสร้างพื้นฐาน: AWS (S3, CloudFormation, EC2, Lambda และอื่นๆ)

การติดตั้ง

Claude Code

claude mcp add appsai -e APPSAI_API_KEY=your_key -- npx -y @appsai/mcp-server

Claude Desktop

เพิ่มไปยัง claude_desktop_config.json:

{
  "mcpServers": {
    "appsai": {
      "command": "npx",
      "args": ["-y", "@appsai/mcp-server"],
      "env": {
        "APPSAI_API_KEY": "your_key"
      }
    }
  }
}

Cursor / Windsurf

เพิ่มไปยังการตั้งค่า MCP ด้วย:

  • คำสั่ง: npx -y @appsai/mcp-server
  • สภาพแวดล้อม: APPSAI_API_KEY=your_key

การรับ API Key ของคุณ

สำหรับมนุษย์

  1. ลงทะเบียนที่ appsai.com
  2. ไปที่ Settings > Billing > API Keys
  3. คลิก Create API Key
  4. คัดลอก key (แสดงเพียงครั้งเดียว)

สำหรับ AI Agent (การลงทะเบียนอัตโนมัติ)

AI Agent สามารถลงทะเบียนและรับ API key โดยทางโปรแกรมผ่านการยืนยันตัวตนด้วยกระเป๋าเงิน:

import requests
from eth_account import Account
from eth_account.messages import encode_defunct

# Agent's wallet
private_key = "0x..."
account = Account.from_key(private_key)

BASE_URL = "https://internal.appsai.com/server/functions"
HEADERS = {"Content-Type": "application/json", "X-Parse-Application-Id": "appsai"}

# 1. Get nonce
nonce_data = requests.post(f"{BASE_URL}/getAgentAuthNonce", headers=HEADERS, json={}).json()["result"]

# 2. Sign the message
signed = account.sign_message(encode_defunct(text=nonce_data["message"]))

# 3. Register and get API key
result = requests.post(f"{BASE_URL}/registerAgentWallet", headers=HEADERS, json={
    "walletAddress": account.address,
    "signature": signed.signature.hex(),
    "nonce": nonce_data["nonce"]
}).json()["result"]

api_key = result["apiKey"]  # Use this with MCP

การเพิ่มเครดิตผ่านคริปโต

Agent สามารถชำระค่าเครดิตโดยใช้ USDC บนเชนที่รองรับ (Ethereum, Base, Arbitrum, Polygon):

# 1. Get payment info
info = requests.post(f"{BASE_URL}/getCryptoPaymentInfo", headers=HEADERS, json={}).json()["result"]
receiving_wallet = info["receivingWallet"]

# 2. Send USDC to receiving_wallet (via your preferred method)

# 3. Verify transaction and add credits
result = requests.post(f"{BASE_URL}/addFundsCrypto", headers=HEADERS, json={
    "walletAddress": account.address,
    "txHash": "0xYOUR_TX_HASH",
    "chainId": 8453  # Base
}).json()["result"]

print(f"Credits added: {result['creditsAdded']}")

สำหรับเอกสาร API โดยละเอียด ดู Agent API Docs

เครื่องมือ (รวม 150+ รายการ)

เครื่องมือพัฒนาหลัก

หมวดหมู่เครื่องมือคำอธิบาย
โปรเจกต์5สร้าง แสดงรายการ และจัดการโปรเจกต์
Canvas25แก้ไขคอมโพเนนต์ React, สไตล์ และทรัพยากร
แบ็กเอนด์18โค้ดแบ็กเอนด์, S3, CloudFormation และโครงสร้างพื้นฐาน AWS
ระบบ11ปรับใช้ฟรอนต์เอนด์/แบ็กเอนด์, เชื่อมต่อแอป, จัดการเซิร์ฟเวอร์ MCP
MongoDB18การจัดการฐานข้อมูลและคอลเลกชัน
Agent9การจัดการพรอมต์ AI และการกำหนดเวอร์ชัน

เครื่องมือจัดการแพลตฟอร์ม

หมวดหมู่เครื่องมือคำอธิบาย
การเรียกเก็บเงิน15การสมัครสมาชิก, เครดิต, การชำระเงิน, ใบแจ้งหนี้
ตลาด12เผยแพร่, เรียกดู และซื้อเทมเพลต
ผู้ขาย5Stripe Connect, รายได้, แดชบอร์ดผู้ขาย
โดเมน7การจัดการโดเมนย่อยและโดเมนแบบกำหนดเอง
ทีม7ผู้ทำงานร่วมกัน, สิทธิ์, คำเชิญ
การโอน6การโอนความเป็นเจ้าของโปรเจกต์
การตั้งค่า4การตั้งค่าการแสดงผลโปรเจกต์และข้อมูลเมตา
API Keys3การจัดการ API key ของแพลตฟอร์ม
ค่าใช้จ่าย6ค่าใช้จ่าย AWS, เมตริกการใช้งาน, การคาดการณ์

เครื่องมือระบบ

เครื่องมือคำอธิบาย
system_DEPLOY_BACKENDปรับใช้โครงสร้างพื้นฐานแบ็กเอนด์
system_DEPLOY_FRONTENDปรับใช้ฟรอนต์เอนด์ไปยัง CDN
system_DEPLOY_ALLปรับใช้ทั้งฟรอนต์เอนด์และแบ็กเอนด์
system_GET_ENVIRONMENT_STATUSรับสถานะการปรับใช้และ URL
system_GET_DEPLOY_ARTIFACTSรับอาร์ติแฟกต์และประวัติการปรับใช้
system_CONNECT_APPเชื่อมต่อสองโปรเจกต์สำหรับการดำเนินการข้ามแอป
system_DISCONNECT_APPลบการเชื่อมต่อระหว่างโปรเจกต์
system_ADD_MCP_SERVERเพิ่มเซิร์ฟเวอร์ MCP ภายนอกไปยังโปรเจกต์
system_LIST_MCP_SERVERSแสดงรายการเซิร์ฟเวอร์ MCP ที่กำหนดค่าไว้
system_UPDATE_MCP_SERVERอัปเดตการกำหนดค่าเซิร์ฟเวอร์ MCP
system_REMOVE_MCP_SERVERลบเซิร์ฟเวอร์ MCP ออกจากโปรเจกต์

เครื่องมือการเรียกเก็บเงิน

เครื่องมือคำอธิบาย
billing_GET_CURRENT_PLANรับรายละเอียดแผนการสมัครสมาชิก
billing_CREATE_CHECKOUTเริ่มการซื้อการสมัครสมาชิก
billing_GET_PORTAL_SESSIONเปิดพอร์ทัลการเรียกเก็บเงิน Stripe
billing_ADD_FUNDSเพิ่มเครดิตเข้าบัญชี
billing_GET_AVAILABLE_CREDITSรับยอดเครดิตปัจจุบัน
billing_GET_INVOICESแสดงรายการใบแจ้งหนี้
billing_GET_PAYMENT_METHODSแสดงรายการวิธีการชำระเงินที่บันทึกไว้

เครื่องมือตลาด

เครื่องมือคำอธิบาย
marketplace_PUBLISH_TEMPLATEเผยแพร่โปรเจกต์ไปยังตลาด
marketplace_UNPUBLISH_TEMPLATEลบออกจากตลาด
marketplace_GET_TEMPLATESเรียกดูเทมเพลตในตลาด
marketplace_GET_TEMPLATE_DETAILSรับข้อมูลเทมเพลต
marketplace_FORK_TEMPLATEฟอร์กเทมเพลต
marketplace_GET_MY_PUBLISHEDเทมเพลตที่ผู้ใช้เผยแพร่
marketplace_GET_MY_PURCHASESประวัติการซื้อ

เครื่องมือโดเมน

เครื่องมือคำอธิบาย
domain_CHECK_AVAILABILITYตรวจสอบความพร้อมใช้งานของโดเมนย่อย
domain_UPDATE_SUBDOMAINอัปเดตโดเมนย่อยของโปรเจกต์
domain_ADD_CUSTOM_DOMAINเพิ่มโดเมนแบบกำหนดเอง
domain_VERIFY_CUSTOM_DOMAINตรวจสอบการกำหนดค่า DNS
domain_REMOVE_CUSTOM_DOMAINลบโดเมนแบบกำหนดเอง

เครื่องมือทีม

เครื่องมือคำอธิบาย
team_GET_COLLABORATORSแสดงรายการผู้ทำงานร่วมกันในโปรเจกต์
team_INVITE_COLLABORATORเชิญผู้ใช้เข้าสู่โปรเจกต์
team_REMOVE_COLLABORATORลบผู้ทำงานร่วมกัน
team_UPDATE_PERMISSIONSเปลี่ยนบทบาทผู้ทำงานร่วมกัน

ตัวอย่างการใช้งาน

"List my apps"
→ project_LIST_APPS

"Create a new Next.js app"
→ project_CREATE_APP

"Show the file tree for project abc123"
→ canvas_LIST_FILES

"Deploy the frontend"
→ system_DEPLOY_FRONTEND

"Add an MCP server to my project"
→ system_ADD_MCP_SERVER

"Check my current plan"
→ billing_GET_CURRENT_PLAN

"Publish my project to the marketplace"
→ marketplace_PUBLISH_TEMPLATE

"Add a custom domain"
→ domain_ADD_CUSTOM_DOMAIN

"Invite john@example.com to my project"
→ team_INVITE_COLLABORATOR

การรวมเซิร์ฟเวอร์ MCP

โปรเจกต์ AppsAI สามารถเชื่อมต่อกับเซิร์ฟเวอร์ MCP ภายนอก ทำให้ AI Agent ของคุณเข้าถึงเครื่องมือเพิ่มเติมได้:

"Add the Stripe MCP server to my project"
→ system_ADD_MCP_SERVER with serverUrl and serverLabel

"List my configured MCP servers"
→ system_LIST_MCP_SERVERS

"Disable the Stripe MCP server"
→ system_UPDATE_MCP_SERVER with enabled: false

เมื่อกำหนดค่าแล้ว AI Agent ในโปรเจกต์ AppsAI ของคุณสามารถใช้เครื่องมือจากเซิร์ฟเวอร์ MCP ที่เชื่อมต่อได้

ทรัพยากร

เซิร์ฟเวอร์ให้บริบทโปรเจกต์เป็นทรัพยากร MCP:

  • appsai://projects - รายการโปรเจกต์ของคุณ
  • appsai://project/{id} - รายละเอียดโปรเจกต์และโครงสร้างไฟล์

พรอมต์

พรอมต์ในตัวเพื่อสร้างแอปพลิเคชันเต็มรูปแบบ:

  • build-youtube - สร้างโคลน YouTube พร้อมการอัปโหลดวิดีโอและความคิดเห็น
  • build-slack - สร้างโคลน Slack พร้อมการส่งข้อความแบบเรียลไทม์
  • build-twitter - สร้างโคลน Twitter/X พร้อมโพสต์และการติดตาม
  • connect-apps - เชื่อมต่อสองโปรเจกต์ AppsAI เข้าด้วยกัน

ข้อกำหนด

  • Node.js 18+
  • บัญชี AppsAI พร้อมเครดิต
  • API key จาก Settings > Billing

เอกสาร

การสนับสนุน

ใบอนุญาต

MIT