AppsAI MCP Server
ทางการสร้างและปรับใช้แอป Next.js แบบฟูลสแต็กด้วยเครื่องมือ 98 รายการสำหรับ React, AWS และ MongoDB
เอกสาร
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 ของคุณ
สำหรับมนุษย์
- ลงทะเบียนที่ appsai.com
- ไปที่ Settings > Billing > API Keys
- คลิก Create API Key
- คัดลอก 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 | สร้าง แสดงรายการ และจัดการโปรเจกต์ |
| Canvas | 25 | แก้ไขคอมโพเนนต์ React, สไตล์ และทรัพยากร |
| แบ็กเอนด์ | 18 | โค้ดแบ็กเอนด์, S3, CloudFormation และโครงสร้างพื้นฐาน AWS |
| ระบบ | 11 | ปรับใช้ฟรอนต์เอนด์/แบ็กเอนด์, เชื่อมต่อแอป, จัดการเซิร์ฟเวอร์ MCP |
| MongoDB | 18 | การจัดการฐานข้อมูลและคอลเลกชัน |
| Agent | 9 | การจัดการพรอมต์ AI และการกำหนดเวอร์ชัน |
เครื่องมือจัดการแพลตฟอร์ม
| หมวดหมู่ | เครื่องมือ | คำอธิบาย |
|---|---|---|
| การเรียกเก็บเงิน | 15 | การสมัครสมาชิก, เครดิต, การชำระเงิน, ใบแจ้งหนี้ |
| ตลาด | 12 | เผยแพร่, เรียกดู และซื้อเทมเพลต |
| ผู้ขาย | 5 | Stripe Connect, รายได้, แดชบอร์ดผู้ขาย |
| โดเมน | 7 | การจัดการโดเมนย่อยและโดเมนแบบกำหนดเอง |
| ทีม | 7 | ผู้ทำงานร่วมกัน, สิทธิ์, คำเชิญ |
| การโอน | 6 | การโอนความเป็นเจ้าของโปรเจกต์ |
| การตั้งค่า | 4 | การตั้งค่าการแสดงผลโปรเจกต์และข้อมูลเมตา |
| API Keys | 3 | การจัดการ 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 [email protected] 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