MCP Server

🚀 AppsAI MCP Server

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

サポートされるスタック:

• フロントエンド: Reactを使ったNext.js、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

# エージェントのウォレット
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. ナンスを取得
nonce_data = requests.post(f"{BASE_URL}/getAgentAuthNonce", headers=HEADERS, json={}).json()["result"]

# 2. メッセージに署名
signed = account.sign_message(encode_defunct(text=nonce_data["message"]))

# 3. 登録してAPIキーを取得
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"]  # MCPで使用する

クリプト通貨によるクレジットの追加

エージェントは、サポートされているチェーン（Ethereum、Base、Arbitrum、Polygon）でUSDCを使用してクレジットを支払うことができます:

# 1. 支払い情報を取得
info = requests.post(f"{BASE_URL}/getCryptoPaymentInfo", headers=HEADERS, json={}).json()["result"]
receiving_wallet = info["receivingWallet"]

# 2. 受信ウォレットにUSDCを送信（好みの方法で）

# 3. トランザクションを検証してクレジットを追加
result = requests.post(f"{BASE_URL}/addFundsCrypto", headers=HEADERS, json={
    "walletAddress": account.address,
    "txHash": "0xYOUR_TX_HASH",
    "chainId": 8453  # Base
}).json()["result"]

print(f"追加されたクレジット: {result['creditsAdded']}")

詳細なAPIドキュメントについては、エージェントAPIドキュメントを参照してください。

✨ 主な機能

コア開発ツール

プラットフォーム管理ツール

システムツール

課金ツール

マーケットプレイスツール

ドメインツール

チームツール

💻 使用例

"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エージェントが追加のツールにアクセスできるようになります:

"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アカウント
• 設定 > 課金から取得したAPIキー

📚 ドキュメント

• AppsAIドキュメント
• MCP統合ガイド

サポート

• GitHubの問題
• Discord

📄 ライセンス

MIT