🤖 AI Development Assistant MCP Server
About
An AI assistant for development tasks, including taking screenshots, architecting solutions, and performing code reviews.
Details
- Author
- yeakub108
- GitHub stars
- 13
- Downloads
- 176
- Categories
- Developer Tools, AI
Jump to
- Code Architect: generate plans with advanced LLMs.
- Screenshot Buddy: analyze UI design screenshots.
- Code Review: trigger reviews via git diffs.
- Read single file for efficient data analysis.
- Read multiple files for bulk processing.
Set an OpenAI API key in src/env/keys.ts, then run npm install and npm run build. Configure the server in Cursor/Windsurf by adding an MCP server with the command node and the full path to the built index.js. Once configured, the tools appear in the Composer and can be triggered by name or description.
An AI assistant for development tasks, including taking screenshots, architecting solutions, and performing code reviews.
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.
Call advanced reasoning LLMs to generate plans and instructions for coding agents.
Take UI design screenshots and use them with the composer agent.
Single-file reading enables efficient data analysis; multi-file reading facilitates bulk data processing.
First, you'll need to set up your environment variables. Create a file atsrc/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.
This project is designed to be used as an MCP server in Cursor. Here's how to set it up:
- Open Windsurf on your system.
- Navigate to the Chat section.
- Click+ Configure MCP(this allows you to add a new MCP server).
- Add the following JSON configuration:
{ "mcpServers": { "mcp-server": { "command": "node", "args": [ "D:\\mpc-server\\build\\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 theWindsurf MCP Documentation.
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.
- "Review this code for best practices"
- "Help me architect a new feature"
- "Analyze this UI screenshot"
- "Read single file & Read multiple files"
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.
src/ ├── tools/ │ ├── architect.ts # Code structure generator │ ├── screenshot.ts # Screenshot analysis tool │ ├── fileReader.ts # read file & read multiple files tool │ └── codeReview.ts # Code review tool ├── env/ │ └── keys.ts # Environment configuration (add your API keys here!) └── index.ts # Main entry point
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
Create crafted UI components inspired by the best 21st.dev design engineers.
Bring agent evaluations, observability, and synthetic test set generation directly into your IDE for free with Galileo's new MCP server
An MCP server to help AI assistants to answer questions and generate AccelByte Extend SDK code more effectively .
MCP server for AI Diagram Maker — generate beautiful software engineering diagrams directly inside Cursor, Claude Desktop, Claude Code, or any MCP-compatible AI agent
ALAPI MCP Tools,Call hundreds of API interfaces via MCP
AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform
MCP server that gives AI assistants on-demand access to 1,500+ amCharts docs, ~300 code examples, and 1000+ class API references.
APIMatic MCP Server is used to validate OpenAPI specifications using APIMatic. The server processes OpenAPI files and returns validation summaries by leveraging APIMatic’s API.
One shared context layer for AI agents and humans — live API specs, DB schemas, and versioned contracts across repos so every agent and teammate works from the same source of truth.
Build and deploy full-stack Next.js apps with 98 tools for React, AWS, and MongoDB
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
