AI导哈

ChatGPT课程连接器

一个MCP服务器，连接ChatGPT，允许用户通过交互式小部件浏览VIBE Academy课程并获取相关信息。

  • by FrontierAI-Works
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 FrontierAI-Works/vibe-gtm-mcp

使用说明

🚀 VIBE GTM MCP服务器

一个ChatGPT MCP连接器，允许用户通过ChatGPT内的交互式小部件浏览VIBE Academy课程。

这是什么？

这是一个 MCP（模型上下文协议）服务器 它连接到ChatGPT，使用户能够：

  • 询问有关VIBE GTM的问题
  • 使用交互式卡片小部件浏览VIBE Academy的课程
  • 获取课程详情、定价和教学大纲
  • 直接链接到VIBE GTM网站

为什么？ ChatGPT每周有2亿多活跃用户提问。这使您的产品成为答案，而不是搜索结果。

📖 阅读完整的指南，了解它是如何构建的→

特性

特性 描述
🎓 课程卡片 显示课程信息、定价、持续时间的交互式小部件
🌓 主题感知 适应ChatGPT的亮/暗模式
🔍 搜索和筛选 按关键字、级别或标签查找课程
💬 问答 关于VIBE GTM的对话答案
🔗 直接链接 CTA按钮通往VIBE GTM网站

工具

工具 描述 输出
get-vibe-info 什么是VIBE GTM？ 文本
ask-vibe-gtm 询问有关VIBE GTM的任何问题 文本
get-academy-info 了解VIBE学院 正文
list-courses 列出所有课程（按级别/标签筛选） 小部件
search-courses 按关键字搜索课程 小工具
get-course-details 获取特定课程的详细信息 小部件

技术栈

层 技术
服务器 Python 3.12+/FastMCP
小部件 React+TypeScript+Vite
样式 CSS（OpenAI UI指南）
包管理器 UV（Python）/pnpm（节点）

快速开始

1.克隆和设置

git clone https://github.com/YOUR_USERNAME/vibe-gtm.git
cd vibe-gtm

# Create virtual environment
uv venv
source .venv/bin/activate

# Install dependencies
uv sync

2.构建小部件

cd web
pnpm install
pnpm build
cd ..

3.运行服务器

uv run python main.py

服务器运行于 http://localhost:8000

4.与ngrok接触

ChatGPT需要一个公共URL：

ngrok http 8000

复制 https:// 来自ngrok输出的URL。

5.连接到ChatGPT

  1. 启用开发人员模式： ChatGPT→ 设置→ 应用程序和连接器→ 开发者模式开启
  2. 添加连接器： 点击“添加自定义连接器”
  3. 配置：
    • 姓名： VIBE GTM
    • MCP服务器URL: https://YOUR-NGROK-URL.ngrok-free.app/mcp
    • 身份验证：无
  4. 创建 开始聊天吧！

项目结构

vibe-gtm/
├── main.py                 # Entry point
├── vibe_gtm/               # Main package
│   ├── server.py           # MCP server setup
│   ├── data/
│   │   ├── courses.py      # Course catalog
│   │   └── knowledge.py    # VIBE GTM info
│   ├── handlers/
│   │   ├── courses.py      # Course tool handlers
│   │   └── info.py         # Info tool handlers
│   ├── models/
│   │   └── schemas.py      # Pydantic schemas
│   └── widgets/
│       └── course_widget.py
├── web/                    # React widget
│   ├── src/
│   │   ├── main.tsx
│   │   ├── CourseCard.tsx
│   │   └── index.css
│   └── vite.config.ts
├── assets/                 # Built widget + images
│   ├── course-card.html
│   └── icon.svg
└── docs/
    └── HOW_TO_BUILD_CHATGPT_MCP_SERVER.md

发展

重建小部件

更改React代码后：

cd web
pnpm build

然后 重新启动Python服务器 （缓存的HTML需要刷新）。

环境变量

变量 默认值 描述
SERVER_BASE_URL http://localhost:8000 资产链接的基本URL

文档

资源

资源 链接
OpenAI应用软件开发工具包 https://developers.openai.com/apps-sdk
MCP协议 https://modelcontextprotocol.io/
FastMCP Pythonhttps://github.com/modelcontextprotocol/python-sdk
VIBE GTM网站 https://vibe-gtm-354214706166.us-west1.run.app

许可证

麻省理工学院

关于VIBE GTM

VIBE GTM 是一场由社区驱动的运动，探索人工智能如何重塑我们构建、营销和扩展产品的方式。

人工智能构建、营销和扩展的未来。

🌐 vibe-gtm-354214706166.us-west1.run.app

相关 MCP