MCP Server & VSCode Extension

MCP Server & VSCode Extension

このリポジトリには、MCP（Model-Controlled Programming）サーバーのコードと、Google の LLM を活用し、開発者が簡単なプロンプトを通じて HTML、CSS、JavaScript を使ったアプリケーションを作成できる VSCode 拡張機能が含まれています。

機能

• 自然言語のプロンプトを使って、HTML、CSS、JavaScript のアプリケーション全体を生成します。
• VSCode とシームレスに連携し、開発者のエクスペリエンスを向上させます。
• Google LLM を活用して、高品質な AI 生成コードを作成します。
• MCP サーバーがバックエンドとしてプロンプトを処理し、コードを動的に生成します。

インストール

MCP サーバー

1. このリポジトリをクローンします：

   git clone https://github.com/your-username/mcp-server-vscode-extension.git
   

2. サーバーディレクトリに移動します：

   cd mcp-server
   

3. 依存関係をインストールします：

   npm install
   

4. サーバーを起動します：

   npm start
   

VSCode 拡張機能

1. VSCode を開き、extensions ディレクトリに移動します：

   cd vscode-extension
   

2. 依存関係をインストールします：

   npm install
   

3. VSCode で拡張機能を実行します：

   npm run compile
   

4. VSCode の Run and Debug タブを開き、拡張機能を起動します。

使い方

1. VSCode を開き、MCP サーバーを起動します。
2. コマンドパレット（Ctrl+Shift+P / Cmd+Shift+P）を使用し、「プロンプトでアプリを作成」を選択します。
3. 生成したいアプリケーションの内容を説明するプロンプトを入力します。
4. 拡張機能が必要なファイルを自動的に生成して開きます。
5. 必要に応じて編集・調整し、ブラウザーでアプリをプレビューします。

設定

• 拡張機能を使う前に、MCP サーバーが起動していることを確認してください。
• 拡張機能は http://localhost:3000 経由でサーバーと通信します。必要に応じて config.json を変更してください。

貢献

このリポジトリを自由にフォークし、プルリクエストを通じて貢献してください。コードがベストプラクティスに従い、必要に応じてドキュメントを含むようにしてください。

ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。

お問い合わせ

問題や機能のリクエストがある場合は、リポジトリで issue を作成するか、[email protected] までメールでお問い合わせください。