Watermelon UI について
無料の React、Tailwind、shadcn のコンポーネント、ブロック、ダッシュボードを検索し、インストール可能なソースを取得
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
https://mcp.watermelon.sh/mcpインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http sh-watermelon-ui https://mcp.watermelon.sh/mcpCursor.cursor/mcp.json
{"mcpServers":{"sh-watermelon-ui":{"type":"http","url":"https://mcp.watermelon.sh/mcp"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"sh-watermelon-ui":{"type":"http","url":"https://mcp.watermelon.sh/mcp"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"sh-watermelon-ui":{"type":"http","url":"https://mcp.watermelon.sh/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"sh-watermelon-ui":{"serverUrl":"https://mcp.watermelon.sh/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
8| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| kinds | array | いいえ | |
| limit | integer | いいえ | |
| query | string | はい | 「animated pricing card」のような自然言語での UI 要件。 |
| category | string | いいえ |
詳細
メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。