AppsAI MCP Server

AppsAI MCP Server

AI を使ってフルスタックアプリを構築・デプロイできます。この MCP サーバーは、Claude Code、Cursor、Windsurf などの AI ツールを AppsAI プロジェクトに接続します。

対応スタック:

• フロントエンド: Next.js with 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. Settings > Billing > API Keys に移動
3. Create API Key をクリック
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 ドキュメントについては、Agent API Docs を参照してください。

ツール (合計 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	デプロイステータスと URL の取得
system_GET_DEPLOY_ARTIFACTS	デプロイアーティファクトと履歴の取得
system_CONNECT_APP	クロスアプリ操作用に 2 つのプロジェクトを接続
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 - 2 つの AppsAI プロジェクトを接続

要件

• Node.js 18 以上
• クレジット付きの AppsAI アカウント
• Settings > Billing からの API キー

ドキュメント

• AppsAI Docs
• MCP Integration Guide

サポート

• GitHub Issues
• Discord

ライセンス

MIT