Starwind UI MCP サーバー

Starwind UI 用の Model Context Protocol (MCP) サーバーの TypeScript 実装。開発者が Starwind UI コンポーネントを操作するのに役立つツールを提供します。

クイックスタート

# Install dependencies
pnpm install

# Build the TypeScript code
pnpm build

# Start the server
pnpm start

Smithery経由でインストール

Smithery経由で Claude Desktop 用の Starwind UI MCP Server を自動的にインストールするには:

npx -y @smithery/cli install @Boston343/starwind-ui-mcp --client claude

IDEをセットアップする

IDEでローカルMCPサーバーを使用するための設定手順はIDEによって異なります。Windsurfの例を以下に示します。

{
	"mcpServers": {
		"starwind ui": {
			"command": "node",
			"args": ["c:\\path\\to\\folder\\starwind-ui-mcp\\dist\\server.js"],
			"env": {}
		}
	}
}

詳細な手順:

• ウィンドサーフィンMCPセットアップ

• カーソルMCP設定

Related MCP server: Cloudflare Playwright MCP

MCPとは何ですか?

モデルコンテキストプロトコル（MCP）は、ローカルサーバーを介してAI機能を拡張するためのプロトコルです。この実装は、Starwind UIとの連携時にAIアシスタント機能を強化するためのStarwind UI固有のツールを提供します。MCP自体の詳細については、公式ドキュメントをご覧ください。

特徴

• ツールベースのアーキテクチャ- 新しいツールを簡単に追加できるモジュール設計

• Starwind UI ドキュメント ツール- Starwind UI コンポーネントのドキュメント リンクにアクセスします

• パッケージ マネージャーの検出- 適切なパッケージ マネージャー (npm、yarn、pnpm) を検出して使用します。

• LLM データ フェッチャー- キャッシュとレート制限を使用して LLM の Starwind UI 情報を取得します

• TypeScript 実装- 型安全性と開発者エクスペリエンスを向上させるために TypeScript を使用して構築されています

• 標準 I/O トランスポート- AI アシスタントとの通信に stdio を使用します

利用可能なツール

発達

このプロジェクトは、開発目的でパッケージマネージャーとしてPNPMを使用するように設定されています。PNPMを使用していない場合は、package.jsonファイルを適切なパッケージマネージャーコマンドで更新する必要があります。

プロジェクト構造

src/
  ├── config/         # Server configuration
  │   └── settings.ts # Configuration settings
  ├── tools/          # MCP tools implementations
  │   ├── index.ts    # Tool registration
  │   └── *.ts        # Individual tool implementations
  ├── utils/          # Utility functions
  └── server.ts       # Main MCP server implementation

新しいツールの追加

独自のツールをサーバーに追加するには:

1. src/tools/ディレクトリに新しいツールファイルを作成する

2. src/tools/index.tsにツールを登録する

3. src/config/settings.tsでツールを有効にする

4. pnpm buildでサーバーを再構築する

5. pnpm startでサーバーを再起動します。

ライセンス

MIT ライセンス - 詳細については LICENSE ファイルを参照してください。