MCP Grareco

グラフィックレコーディングを生成するためのMCPサーバーです。 MCPプロトコルの機能を活用して、任意URLや任意文字列の内容をグラレコ化します。

Components

echo
- 入力メッセージをエコーバックするシンプルなツール
- 入力:
  - message (string): エコーバックするメッセージ
- 戻り値: エコーメッセージを含むテキスト
printEnv
- すべての環境変数を表示
- MCPサーバー設定のデバッグに役立つ
- 入力: なし
- 戻り値: すべての環境変数のJSON文字列
webToGrareco
- URLからWebサイトを取得し、グラフィックレコーディング形式のHTMLに変換
- 入力:
  - url (string): 変換対象のWebサイトURL
  - promptType (enum: "standard" | "elementary" | "timeline", デフォルト: "standard"): 使用するプロンプトタイプ（標準、小学生向け、タイムライン）
- 戻り値: 生成されたHTMLファイルの保存パス
- 処理中は進捗通知を送信
textToGrareco
- テキストをグラフィックレコーディング形式のHTMLに変換
- 入力:
  - text (string): 変換対象のテキスト
  - promptType (enum: "standard" | "elementary" | "timeline", デフォルト: "standard"): 使用するプロンプトタイプ（標準、小学生向け、タイムライン）
- 戻り値: 生成されたHTMLファイルの保存パス
- 処理中は進捗通知を送信

The server sends random-leveled log messages every 15 seconds, e.g.:

{ "method": "notifications/message", "params": { "level": "info", "data": "Info-level message" } }

# インストール npm install # ビルド npm run build # 実行(STDIOモード) npm run start # 実行(SSEモード) npm run start:sse

cline_mcp_settings.jsonに以下を追加してください：

例1:

{ "mcpServers": { "grareco": { "command": "npx", "args": [ "-y", "mcp_grareco" ] } } }

例2:

{ "mcpServers": { "grareco": { "url": "http://localhost:3000/sse", "headers": {}, "timeout": 900 } } }