Awesome Cursor Mpc Server

🚀 🤖 AI開発アシスタントMCPサーバー

このプロジェクトは、Cursor用のModel Context Protocol (MCP) サーバーです！AIツールをカスタマイズすることで、スマートなコーディング支援を提供します。ただし、これは主にチュートリアル用のデモであり、本番環境での使用を想定したものではありません。

✨ 主な機能

🎨 コードアーキテクト

高度な推論LLMを呼び出して、コーディングエージェント用の計画と指示を生成します。

📸 スクリーンショットバディ

UIデザインのスクリーンショットを撮り、コンポーザーエージェントと一緒に使用します。

🔍 コードレビュー

git差分を使用してコードレビューをトリガーします。

🚀 クイックスタート

1. 環境設定

まず、環境変数を設定する必要があります。src/env/keys.ts ファイルを作成します。

export const OPENAI_API_KEY = "your_key_here";
// 他に必要なキーを追加

⚠️ 重要提示

ソースコードに直接APIキーを保存することは、本番環境では推奨されません。これはローカル開発と学習目的のみです。Cursor MCPインターフェイスで直接環境変数を設定することもできます。

2. インストール

npm install
# または
yarn install

3. サーバーのビルド

npm run build

4. Cursorへの追加

このプロジェクトは、CursorのMCPサーバーとして使用するように設計されています。設定方法は以下の通りです。

1. Cursorを開く
2. Cursor設定 > 機能 > MCP に移動
3. + 新しいMCPサーバーを追加 をクリック
4. フォームを入力する：
   • 名前：AI開発アシスタント
   • タイプ：stdio
   • コマンド：node /path/to/your/project/dist/index.js

📘 使用建议

プロジェクトのビルドファイルの完全パスを使用する必要がある場合があります。

サーバーを追加した後、「利用可能なツール」の下にツールのリストが表示されるはずです。表示されない場合は、MCPサーバーセクションの右上にあるリフレッシュボタンをクリックしてみてください。

MCP設定の詳細については、Cursor MCPドキュメント を参照してください。

🛠️ ツールの使用

設定が完了したら、CursorのComposerで直接これらのツールを使用できます。AIは自動的に関連するツールを提案するか、またはツール名や説明を明示的に要求することができます。

たとえば、Composerで以下のように入力してみてください。

• 「このコードのベストプラクティスをレビューして」
• 「新しい機能のアーキテクチャを支援して」
• 「このUIスクリーンショットを分析して」

エージェントは、ツールを呼び出す前にあなたの承認を求めます。

📘 使用建议

.cursorrules ファイルに指示を追加することで、特定の状況でツールをどのように使用するかを説明することができ、エージェントは自動的にこれらのツールを使用します。

📁 プロジェクト構造

src/
├── tools/
│   ├── architect.ts    # コード構造生成ツール
│   ├── screenshot.ts   # スクリーンショット分析ツール
│   └── codeReview.ts   # コードレビューツール
├── env/
│   └── keys.ts         # 環境設定（ここにAPIキーを追加！）
└── index.ts           # エントリーポイント

🤝 コントリビューション

コントリビューションを歓迎します！自由にPull Requestを送信してください。

📄 ライセンス

このプロジェクトはMITライセンスの下で配布されています。詳細については、LICENSE ファイルを参照してください。

🐛 問題とサポート

エラーを見つけたり、支援が必要な場合は、以下の情報を提供してIssueを開いてください。

1. あなたが試みた操作
2. 発生した問題
3. 再現手順
4. 環境の詳細

正直に言うと、これはチュートリアル用のデモであり、本番環境での使用を想定したものではないため、問題の修正は行わない可能性があります。ただし、自由にForkして独自に開発してください！

開発者による開発者のためのプロジェクトです。❤️