🚀 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 sync2.构建小部件
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
- 启用开发人员模式: ChatGPT→ 设置→ 应用程序和连接器→ 开发者模式开启
- 添加连接器: 点击“添加自定义连接器”
- 配置:
- 姓名: VIBE GTM - MCP服务器URL: https://YOUR-NGROK-URL.ngrok-free.app/mcp - 身份验证:无
- 创建 开始聊天吧!
______________________________________________________________________
项目结构
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 |
______________________________________________________________________
文档
- 📖 如何构建ChatGPT MCP服务器 --完整教程
- 📐 OpenAI UI指南 --小部件设计规则
- 🎯 OpenAI用户体验原则 --用户体验
- 📋 应用程序审查指南 --审批要求
______________________________________________________________________
资源
| 资源 | 链接 |
|---|---|
| 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 是一场由社区驱动的运动,探索人工智能如何重塑我们构建、营销和扩展产品的方式。
*人工智能构建、营销和扩展的未来。*
