Cursor向けのモデルコンテキストプロトコル(MCP)サーバーとして設計されたAI搭載開発ツールキットへようこそ!このプロジェクトはカスタムAIツールを通じてインテリジェントなコーディング支援を提供します。これは主にチュートリアルデモであり、本番環境向けのツールではありません。

✨ 特徴

🎨 コードアーキテクト

高度な推論LLMを呼び出して、コーディングエージェントのための計画や指示を作成してください。

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

UIデザインのスクリーンショットを撮って、Composerエージェントと一緒に使うのも良いでしょう。

🔍 コードレビュー

git diffsを使ってコードレビューをトリガーしてください。

🚀 始めて

1.環境設定

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

⚠️ セキュリティ注意:APIキーをソースコードに直接保存することは、本番環境では推奨されません。これはローカル開発や学習目的でのみ推奨されます。env varはCursor MCPインターフェースでインライン設定も可能です。

2.設置

3.サーバー構築

4.カーソルへの追加

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

1. カーソルを開く
2. [[T1]へ行く
3. クリック + Add New MCP Server
4. フォームに記入する:

🤖 AI Development Assistant MCP Server

Welcome to your AI-powered development toolkit, designed as a Model Context Protocol (MCP) server for Cursor! This project provides intelligent coding assistance through custom AI tools. Note that this is mostly a tutorial demo, and not a production-ready tool.

✨ Features

🎨 Code Architect

Call advanced reasoning LLMs to generate plans and instructions for coding agents.

📸 Screenshot Buddy

Take UI design screenshots and use them with the composer agent.

🔍 Code Review

Use git diffs to trigger code reviews.

🚀 Getting Started

1. Environment Setup

First, you’ll need to set up your environment variables. Create a file at src/env/keys.ts:

export const OPENAI_API_KEY = "your_key_here";
// Add any other keys you need

⚠️ Security Note: Storing API keys directly in source code is not recommended for production environments. This is only for local development and learning purposes. You can set the env var inline in the Cursor MCP interface as well.

2. Installation

npm install
# or
yarn install

3. Build the Server

npm run build

4. Adding to Cursor

This project is designed to be used as an MCP server in Cursor. Here’s how to set it up:

1. Open Cursor
2. Go to Cursor Settings > Features > MCP
3. Click + Add New MCP Server
4. Fill out the form:
   • Name: AI Development Assistant
   • Type: stdio
   • Command: node /path/to/your/project/dist/index.js

📘 Pro Tip: You might need to use the full path to your project’s built index.js file.

After adding the server, you should see your tools listed under “Available Tools”. If not, try clicking the refresh button in the top right corner of the MCP server section.

For more details about MCP setup, check out the Cursor MCP Documentation.

🛠️ Using the Tools

Once configured, you can use these tools directly in Cursor’s Composer. The AI will automatically suggest using relevant tools, or you can explicitly request them by name or description.

For example, try typing in Composer:

• “Review this code for best practices”
• “Help me architect a new feature”
• “Analyze this UI screenshot”

The agent will ask for your approval before making any tool calls.

📘 Pro Tip: You can update your .cursorrules file with instructions on how to use the tools for certain scenarios, and the agent will use the tools automatically.

📁 Project Structure

src/
├── tools/
│   ├── architect.ts    # Code structure generator
│   ├── screenshot.ts   # Screenshot analysis tool
│   └── codeReview.ts   # Code review tool
├── env/
│   └── keys.ts         # Environment configuration (add your API keys here!)
└── index.ts           # Main entry point

🤝 Contributing

Contributions welcome! Please feel free to submit a Pull Request.

📝 License