使用 API_UDEM https://send.bitwarden.com/#uSShLNsr0Uy8F7QzAUxp0A/PCyJ5vthO47qUx69PTbx8w
UDEM人工智能研讨会——使用Cline&VS代码的MCP代理
概述
该知识库附带了一个实践研讨会,重点是构建由 模型上下文协议(MCP)参与者将完成设置、构建和配置自己的MCP服务器的整个过程,然后将其连接到 克莱恩 里面 Visual Studio Code 创建一个能够理解其项目背景的AI代理。
无论您是希望自动化重复性任务、集成自定义工具,还是了解AI代理如何改变开发环境,本课程都将提供实用的端到端体验。
______________________________________________________________________
我们将涵盖哪些内容
- 设置 --准备好Visual Studio代码、Cline和Python环境。
- 了解MCP --为什么模型上下文协议是AI代理的基础层。
- 构建您的服务器 --创建和扩展MCP服务器以公开自定义工具和功能。
- 代理技能 --在MCP之上添加模块化技能(代码分析、图表生成)。
- 临床配置 -将您的LLM API和MCP服务器连接到Cline。
- 现场演示 --使用规范驱动开发(SDD)从头开始构建股票价格工具。
______________________________________________________________________
需求
| 要求 | 注意事项 |
|---|---|
| Visual Studio代码 | 最新稳定版本 |
| Python | 3.10或更高版本 |
| Node.js | 18+(适用于draw.io MCP服务器) |
| Cline | VS代码扩展(首选AI代理接口) |
| LLM API密钥 | 任何支持的提供商:OpenAI、Anthropic、Google Gemini或本地Ollama |
______________________________________________________________________
仓库结构
UDEM_AI_MCP_AGENTS/
├── 00_setup/ Setup guides, dependencies, and API key configuration
├── 01_mcp/ MCP server — web search tool (DuckDuckGo) with stdio & HTTP transport
├── 02_agents/ Agent server — code analysis + diagram generation (Mermaid / draw.io XML)
│ └── skills/ Modular skill modules (code_analyzer, drawio)
├── 03_cline_config/ Cline MCP configuration template and system prompts
├── 04_live_demo/ SDD spec for building a stock price MCP server from scratch
├── dep/ External dependencies (draw.io MCP server)
├── agent/ Agent templates and reference docs
└── docs/ Images and supplementary documentation______________________________________________________________________
快速开始
# 1. Clone the repository
git clone https://github.com/Sa-ReyCha/UDEM_AI_MCP_AGENTS.git
cd UDEM_AI_MCP_AGENTS
# 2. Set up your environment variables
cp .env.example .env
# Edit .env and configure DRAWIO_MCP_PATH (see .env.example for instructions)
# 3. Create and activate a virtual environment
python3 -m venv .venv
source .venv/bin/activate
# 4. Install Python dependencies
pip install -r 00_setup/requirements.txt
# 5. Start an MCP server
python 01_mcp/server.py --transport http # Web search server on port 8000
python 02_agents/server.py --transport http # Agents server on port 8001
# 6. Open VS Code and connect Cline to your servers
code .有关详细的设置说明,请参阅 00_setup/README.md. 有关API关键指南,请参阅 00_setup/openai_api_key_guide.md 或 00_setup/anthropic_api_key_guide.md.
______________________________________________________________________
MCP服务器概述
| 服务器 | 目录 | 端口 | 传输 | 工具 |
|---|---|---|---|---|
| 搜索 | 01_mcp/ | 8000 | stdio/HTTP | search_web --DuckDuckGo网络搜索 |
| 代理 | 02_agents/ | 8001 | stdio/HTTP | analyze_code, generate_diagram, get_drawio_config |
| Draw.io | dep/drawio-mcp/ | 站立 | open_drawio_xml, open_drawio_mermaid, open_drawio_csv | |
| 股票价格 *(现场演示)* | 04_live_demo/ | 8002 | HTTP | get_stock_price *(将在车间期间建造)* |
______________________________________________________________________
车间流程
00_setup → 01_mcp → 02_agents → 03_cline_config → 04_live_demo每个模块都是自包含的,并建立在前一个模块的基础上。初始设置完成后,参与者可以独立导航到任何模块。
______________________________________________________________________
许可证
该项目旨在作为UDEM AI研讨会系列的一部分用于教育用途。
