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 ของคุณ
สำหรับมนุษย์
- ลงทะเบียนที่ 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 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