YouTube连接器MCP-网站
登录页面 YouTube连接器MCP 服务器。
youtube-connector-mcp-website 展示了MCP服务器 YouTube数据API v3，允许AI代理像 Claude、Cursor、Cline、Windsurf、Continue.dev、Grapes AI 以编程方式与YouTube交互。
🌐 现场演示: https://youtube-connector-mcp-website.vercel.app/\ 📦 服务器回购: https://github.com/ShellyDeng08/youtube-connector-mcp
______________________________________________________________________
技术栈
- Next.js 16 -带有App Router的React框架
- TypeScript -类型安全开发
- 顺风CSS v4 -实用性优先的造型
- shadcn/ui -预构建的可访问组件
- Lucide图标 -漂亮的图标集
发展
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Preview production build locally
npm run start部署
此站点配置为静态导出和部署到 维塞尔.
部署到Vercel（推荐）
- 安装Vercel命令行界面 （一次性设置）
npm i -g vercel- 登录Vercel
vercel login- 部署您的网站
# From this directory
vercel --prod
# Or specify the project if needed
vercel --prod --yesVercel将自动检测Next.js并使用 vercel.json 根目录中的配置。
通过Vercel仪表板
- 将代码推送到GitHub
- 打开 vercel.com/dashboard
- 点击“添加新项目”
- 从GitHub导入：
ShellyDeng08/youtube-connector-mcp-website - Vercel自动检测Next.js和
vercel.json - 点击“部署”
手动部署
# Build the site
npm run build
# Upload the `out/` folder to any static hosting provider演示数据更新
演示场景 docs/terminal-demo-script.json 充满了 实际MCP工具测试结果:
- 搜索：“MCP”的真实YouTube搜索结果
- 视频详细信息：来自Claude Code视频的实际数据(
AJpK3YTTKZ4) - 转录本：Claude Code视频中的真实转录片段
- 评论：来自Claude Code视频的真实评论数据
- 频道：Anthropic的真实频道统计数据（3.66万订阅者，1270万浏览量）
- 播放列表：带有实际视频列表的AI Fluency课程播放列表
要更新演示数据，请执行以下操作：
- 运行实际的MCP工具以获得新的结果
- 更新
terminal-demo-script.json包含新数据的文件 - 演示组件使用此JSON进行播放
项目结构
app/ # Next.js app directory
├── layout.tsx # Root layout with fonts and theme
├── page.tsx # Main landing page
└── globals.css # Global styles
components/
├── ui/ # shadcn/ui components
├── Hero.tsx # Hero section with gradient background
├── Demo.tsx # Interactive terminal demo with playback controls
├── Features.tsx # Bento grid of 6 features
├── Installation.tsx # Multi-tab installation guide
└── Footer.tsx # Site footer
docs/
├── plans/ # Design documents
└── terminal-demo-script.json # Demo scenarios data
lib/
└── utils.ts # Utility functions (cn helper)可用的MCP工具（7）
该网站记录了MCP服务器上的这些可用工具：
| 工具 | 说明 | 示例 |
|---|---|---|
youtube_search | 搜索视频、频道、播放列表 | youtube_search("query", { maxResults: 3 }) |
youtube_get_video | 获取视频元数据、统计信息 | youtube_get_video("ID", ["snippet", "statistics"]) |
youtube_get_channel | 获取频道信息 | youtube_get_channel(channel_id) |
youtube_get_transcript | 获取带有时间戳的视频记录 | youtube_get_transcript("ID", "en") |
youtube_get_comments | 获取视频评论 | youtube_get_comments("ID", { maxResults: 3 }) |
youtube_get_playlist | 获取播放列表详细信息和视频 | youtube_get_playlist("ID", { maxResults: 5 }) |
youtube_list_playlists | 列出某个频道的所有播放列表 | youtube_list_playlists(channel_id) |
备注：分析API是 不可用 -它需要OAuth身份验证，而此MCP服务器使用的简单API密钥方法不支持该身份验证。
SEO关键词
YouTube MCP网站，YouTube MCP服务器，MCP连接器，Claude MCP YouTube，光标MCP YouTube，AI YouTube API，模型上下文协议YouTube
许可证
MIT许可证-查看父项目 许可证.