AppsAI MCP Server
官方使用98個工具(涵蓋React、AWS和MongoDB)建置並部署全端Next.js應用程式
文件
AppsAI MCP 伺服器
使用 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 金鑰
適用於人類
- 在 appsai.com 註冊
- 前往 設定 > 帳單 > API 金鑰
- 點擊 建立 API 金鑰
- 複製金鑰(僅顯示一次)
適用於 AI 代理(自主註冊)
AI 代理可以使用基於錢包的驗證以程式化方式註冊並取得 API 金鑰:
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
透過加密貨幣新增點數
代理可以使用支援鏈(Ethereum、Base、Arbitrum、Polygon)上的 USDC 支付點數:
# 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 文件,請參閱 代理 API 文件。
工具(總計 150+)
核心開發工具
| 類別 | 工具數量 | 說明 |
|---|---|---|
| 專案 | 5 | 建立、列出及管理專案 |
| 畫布 | 25 | 編輯 React 元件、樣式和資源 |
| 後端 | 18 | 後端程式碼、S3、CloudFormation 和 AWS 基礎架構 |
| 系統 | 11 | 部署前端/後端、連接應用程式、管理 MCP 伺服器 |
| MongoDB | 18 | 資料庫和集合管理 |
| 代理 | 9 | AI 提示管理與版本控制 |
平台管理工具
| 類別 | 工具數量 | 說明 |
|---|---|---|
| 帳單 | 15 | 訂閱、點數、付款、發票 |
| 市集 | 12 | 發布、瀏覽和購買範本 |
| 賣家 | 5 | Stripe Connect、收益、賣家儀表板 |
| 網域 | 7 | 子網域和自訂網域管理 |
| 團隊 | 7 | 協作者、權限、邀請 |
| 轉移 | 6 | 專案所有權轉移 |
| 設定 | 4 | 專案顯示設定和中繼資料 |
| API 金鑰 | 3 | 平台 API 金鑰管理 |
| 成本 | 6 | AWS 成本、用量指標、預測 |
系統工具
| 工具 | 說明 |
|---|---|
system_DEPLOY_BACKEND | 部署後端基礎架構 |
system_DEPLOY_FRONTEND | 將前端部署至 CDN |
system_DEPLOY_ALL | 同時部署前端和後端 |
system_GET_ENVIRONMENT_STATUS | 取得部署狀態和網址 |
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 代理能夠存取額外的工具:
"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
設定完成後,AppsAI 專案中的 AI 代理即可使用來自已連接 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 金鑰
文件
支援
授權
MIT