Databutton で MCP サーバーを構築するために、誰でもゲーム変更方法を公開しました。 [https://www.databutton.com/mcpで詳細を見る

Databutton MCP サーバー

Databutton の ( ) AI エージェントは、React と Python APIs/MCP でフロントエンドとバックエンドをビルドし、不要な複雑さを持つ美しいビジネスアプリを構築します。

エージェントは、アプリの初期計画を生成するための計画モードを持っています。

このMCPサーバーは、初期アプリの計画をし、アプリの開始点を作成するためのものです。

インストール

Claude Desktop を使用するには、サーバーの設定を追加します。

MacOSの場合: [~/Library/Application Support/Claude/claude_desktop_config.json Windowsの場合: [[T2]

開発

依存関係をインストール:

サーバの構築:

自動再構築による開発のため:

デバッグ

MCP サーバーが stdio 上で通信しているため、デバッグは難しくなります。 パッケージスクリプトとして利用できるMCP Inspectorを使用することをお勧めします。

インスペクタは、ブラウザでデバッグツールにアクセスするためのURLを提供します.

Databutton MCP – build your own MCPs

We released a game changing way for anyone to build their own MCP servers in Databutton. Learn more at https://www.databutton.com/mcp

Databutton MCP Server

Databutton’s () AI agent builds and deploys frontends and backends in React and Python APIs/MCPs, for building beautiful business apps with unbounded complexity.

The agent has a planning mode for generating an initial plan for your app.

This MCP server is for doing doing initial app planning and creating a good starting point for an app.

Installation

To use with Claude Desktop, add the server config:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json On Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "databutton": {
      "command": "/path/to/databutton/build/index.js"
    }
  }
}

Development

Install dependencies:

npm install

Build the server:

npm run build

For development with auto-rebuild:

npm run watch

Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the MCP Inspector, which is available as a package script:

npm run inspector

The Inspector will provide a URL to access debugging tools in your browser.