使用说明
项目简介
Unsplash Smart MCP Server 是一个基于 FastMCP 框架构建的服务器,旨在帮助 AI Agent 无缝集成 Unsplash 图片资源。它提供智能的上下文感知图像搜索、高效的工具调用和自动版权管理,简化了 AI 应用中图片的使用流程。
主要功能点
- 智能上下文搜索:通过自然语言请求,AI Agent 可以轻松找到符合需求的专业图片,服务器能够理解模糊的请求,并根据上下文智能选择最相关的图像。
- 单一工具效率:集成了图片搜索、选择、下载和版权管理等功能,通过统一的 'stock_photo' 工具即可完成整个图像工作流程,避免了工具调用碎片化的问题。
- 自动版权管理:服务器自动处理来自 Unsplash 的图片版权信息,包括本地数据库记录、元数据嵌入和生成版权声明文件,确保开发者合规使用图片。
- 项目感知的文件组织:能够根据项目类型(如 Next.js、React、Vue 等)智能地组织下载的图片文件,方便项目资源管理。
安装步骤
-
克隆仓库
git clone https://github.com/drumnation/unsplash-smart-mcp-server.git -
进入仓库目录
cd unsplash-smart-mcp-server -
安装依赖
npm install -
获取 Unsplash API 密钥 访问 Unsplash 开发者网站 获取 API Access Key。
-
配置环境变量 将 Unsplash API 密钥设置为环境变量 'UNSPLASH_ACCESS_KEY'。 可以通过编辑 '.env' 文件或直接在终端中设置。
服务器配置 (MCP 客户端)
在 MCP 客户端(例如 Cursor)的配置文件 'mcp.json' 中,添加以下服务器配置信息以连接 Unsplash Smart MCP Server:
{ "servers": { "unsplash": { "command": "npx", "args": ["tsx", "src/server.ts"], "cwd": "/absolute/path/to/unsplash-smart-mcp-server", // 替换为仓库的绝对路径 "env": { "UNSPLASH_ACCESS_KEY": "your_api_key_here" // 替换为你的 Unsplash API 密钥 } } } }
配置参数说明:
- 'server name': "unsplash" (服务器名称,在客户端中用于引用此配置)
- 'command': "npx" (启动服务器的命令,这里使用 npx 来执行 npm 包)
- 'args': '["tsx", "src/server.ts"]' (命令参数,指定使用 tsx 运行 'src/server.ts' 文件,tsx 用于直接运行 TypeScript 文件)
- 'cwd': "/absolute/path/to/unsplash-smart-mcp-server" (工作目录,必须设置为你克隆仓库的绝对路径)
- 'env': '{ "UNSPLASH_ACCESS_KEY": "your_api_key_here" }' (环境变量,用于传递 Unsplash API 密钥给服务器,请替换 'your_api_key_here' 为你实际的 API 密钥)
基本使用方法
配置完成后,在 MCP 客户端中,你可以通过自然语言指令调用 'stock_photo' 工具来搜索和使用 Unsplash 图片。 例如,在 Cursor 编辑器中,你可以向 Claude 提出类似以下的问题:
"Find a professional image for a tech startup landing page hero section"
服务器将根据你的指令,智能地搜索 Unsplash 图库,并返回相关的图片 URL 或自动下载图片到你的项目目录中,同时自动处理版权信息。 你可以通过 'get_attributions' 工具获取已使用图片的所有版权信息。
信息
分类
AI与计算