mcpField
@
@demoway/mcp-server

@demoway/mcp-server

ローカル
github.com/DemoWayOfficial開発ツール366 週間前に更新
リポジトリ

@demoway/mcp-server について

@demoway/mcp-serverはDemoWayで取得したページをAIのワークフローにつなぎ、既存ページの修正やデザイン、フロントエンドコードの生成に利用できます。デモ内のページ検索と、AI向けHTMLのダウンロードに対応します。

主な機能

  1. 01キーワードによるデモページ検索
  2. 02AI向けHTML形式でページをダウンロード

活用シーン

  1. 01DemoWayのデモからページを探す
  2. 02取得ページをAIで修正するために書き出す

MCP 対応

DemoWayのデモページ検索と、取得したページのHTMLダウンロードをツールとしてMCPクライアントに公開します。利用にはDemoWayブラウザー拡張機能とAPIキーが必要です。

#demoway#ai-design#frontend-code-generator

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "demowayofficial": {
      "command": "npx",
      "args": [
        "-y",
        "@demoway/mcp-server"
      ],
      "env": {
        "DEMOWAY_API_KEY": "<DEMOWAY_API_KEY>"
      }
    }
  }
}
起動コマンドnpx -y @demoway/mcp-server
設定が必要な環境変数
DEMOWAY_API_KEYシークレット

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@demoway/mcp-server

ツール

4

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
urlstringはいデモページの URL
keywordstringはい検索キーワード

詳細

English | 日本語 | 中文

@demoway/mcp-server

npm package Downloads Issues Commitizen Friendly

DemoWay MCP Server を使用すると、既存の単一ページまたは機能フロー内のすべてのページを AI に提供し、さらに変更を加えたり、新しいページデザインやフロントエンドコードを生成したりできます。

DemoWay MCP Server と併用するには、DemoWay ブラウザー拡張機能をインストールする必要があります。

利用可能なツール

  • download_demo_step_pretty_html：キャプチャしたページを AI が扱いやすい HTML 形式でローカルコンピューターにダウンロードし、AI によるさらなる変更に使用します
  • search_demo_step：指定したデモ内で、キーワードを使って特定のページを検索します

使用方法

設定

Mac/Linux ユーザーの場合

{
  "mcpServers": {
    "demoway": {
      "command": "npx",
      "args": ["-y", "@demoway/mcp-server@latest"],
      "env": {
        "DEMOWAY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

Windows ユーザーの場合

{
  "mcpServers": {
    "demoway": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@demoway/mcp-server"],
      "env": {
        "DEMOWAY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

DEMOWAY_API_KEY は、DemoWay のダッシュボードで取得できます。

詳細ガイド

https://demoway.com/docs/mcp

ライセンス

MIT ©DemoWay

コメント

Markdown 対応

MCP は初めてですか？

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

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