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 金鑰

適用於人類

  1. appsai.com 註冊
  2. 前往 設定 > 帳單 > API 金鑰
  3. 點擊 建立 API 金鑰
  4. 複製金鑰(僅顯示一次)

適用於 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 伺服器
MongoDB18資料庫和集合管理
代理9AI 提示管理與版本控制

平台管理工具

類別工具數量說明
帳單15訂閱、點數、付款、發票
市集12發布、瀏覽和購買範本
賣家5Stripe Connect、收益、賣家儀表板
網域7子網域和自訂網域管理
團隊7協作者、權限、邀請
轉移6專案所有權轉移
設定4專案顯示設定和中繼資料
API 金鑰3平台 API 金鑰管理
成本6AWS 成本、用量指標、預測

系統工具

工具說明
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