MCP Server Createanyhtmlapp

🚀 MCP サーバー & VSCode 拡張機能

このリポジトリには、MCP（モデル制御プログラミング）サーバーとそのVSCode拡張機能のコードが含まれています。この拡張機能により、開発者は簡単なプロンプトを使ってHTML、CSS、JavaScriptでアプリケーションを作成でき、Googleの大規模言語モデルによってサポートされています。

🚀 クイックスタート

この拡張機能を使用することで、開発者は自然言語のプロンプトを使ってHTML、CSS、JavaScriptのアプリケーションを生成できます。以下に、インストールと使用方法の手順を説明します。

✨ 主な機能

• 自然言語のプロンプトを使って、完全なHTML、CSS、JavaScriptアプリを生成します。
• VSCodeとシームレスに統合され、強化された開発体験を提供します。
• Googleの大規模言語モデルを利用して、高品質の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の実行とデバッグタブを開き、拡張機能を起動します。

💻 使用例

基本的な使用法

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

📚 ドキュメント

設定

• MCPサーバーが実行中であることを確認してください。
• 拡張機能はhttp://localhost:3000を通じてサーバーと通信します。必要に応じてconfig.jsonを編集してください。

貢献

このリポジトリをフォークし、プルリクエストを送信することを歓迎します。コードがベストプラクティスに従っていることを確認し、必要に応じてドキュメントを含めてください。

📄 ライセンス

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

🔗 連絡先

何か質問や機能リクエストがある場合は、このリポジトリでissueを開くか、メールで suryanshsingh2586@gmail.com までご連絡ください。