mcpField
W
Weavely.ai Forms and Surveys

Weavely.ai Forms and Surveys

リモート
github.com/weavely生産性075 週間前に更新
リポジトリ

Weavely.ai Forms and Surveys について

Weavely Forms and Surveysは、自然言語のプロンプトからWeavelyのフォームを作成するMCPサーバーです。フォーム生成ツールを1つ提供し、生成内容を返して編集に利用できます。

主な機能

  1. 01プロンプトからフォームを生成
  2. 02フォーム名の任意指定
  3. 03生成したフォーム内容の返却
  4. 04Cloudflare Workers上で実行

活用シーン

  1. 01自然言語の依頼からフォームを下書き
  2. 02MCPクライアント経由でWeavelyフォームを作成

MCP 対応

MCPクライアントに `create-form` ツールを提供します。プロンプトと任意の名前を受け取り、Weavely APIを呼び出してフォーム内容を返します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.weavely.ai/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

17
パラメーター型必須説明
namestringはいフォームの表示名

詳細

Weavely MCP – フォーム生成用リモート MCP サーバー

このプロジェクトでは、@modelcontextprotocol/sdk を使用した Model Context Protocol(MCP) サーバーを Cloudflare Workers 上にホストし、Weavely API を使用してプログラムからフォームを生成します。


🚀 機能

  • 認証不要の MCP サーバー を Cloudflare Workers にデプロイします
  • プロンプトからフォームを生成するツール create-form を公開します
  • weavely.ai への外部 API 呼び出しに axios を使用します
  • TypeScript と公式の @modelcontextprotocol/sdk を使用して構築されています

🛠️ 使用技術

  • 🧠 MCP SDK:@modelcontextprotocol/sdk
  • 🌩️ Cloudflare Workers + Wrangler
  • 🛡 zod による型安全なスキーマ検証
  • 🌐 axios による HTTP リクエスト
  • 🧹 biome によるフォーマットとリンティング

📦 インストール

git clone https://github.com/weavely/mcp.git
cd mcp
npm install

🧪 開発

Wrangler を使用して、ローカルで開発サーバーを起動します。

npm run dev

📤 デプロイ

Cloudflare Workers にデプロイします。

npm run deploy

または、Cloudflare Deploy Button を使用します。

Workers にデプロイ


📺 デモ

動作が気になりますか?こちらの短いデモをご覧ください。

▶️ https://youtu.be/C1jZBrGV6jE


🔧 ツール:create-form

この MCP エージェントは、1 つのツールを定義します。

  • 名前: create-form
  • 説明: 新しい Weavely フォームを作成します。
  • 入力スキーマ:
    {
      name?: string;
      prompt: string;
    }
    
  • 動作: https://api.weavely.ai/v1/forms/generate に POST リクエストを送信し、フォームの内容を返します。

🧰 スクリプト

スクリプト説明
dev開発サーバーを起動します
deployCloudflare にデプロイします
formatBiome を使用してコードを整形します
lint:fixBiome を使用してリンティングの問題を修正します
cf-typegenCloudflare のバインディングを生成します

🗂 フォルダー構成

weavely-mcp/
├── src/
│   └── index.ts           # Main MCP logic and tool registration
├── worker-configuration.d.ts
├── package.json
├── wrangler.jsonc         # Cloudflare deployment config
├── tsconfig.json
└── .vscode/

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。