AI导哈

邮件服务系统

一个基于Supabase、React和Resend的多服务协作邮件发送系统，用于自动化处理预订确认和后续邮件。

  • by DRBATA
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 DRBATA/case-file-hydration

使用说明

水吧电子邮件# 案件编号：补水

又是一个在数据区度过的深夜。

Supabase（可译为“苏帕巴斯”或直接保留原名，根据上下文决定是否需要意译） 有记录。
React 撰写了这个故事。
重新发送 交付了货物。

这不仅仅是一个普通的电子邮件服务器——它是一个 MCP机组（或MCP团队） 共同努力解决水化问题。

演示版

观察案件的进展 （添加您的视频链接）

证据

  • Supabase MCP（注：MCP在此处可能代表某种特定的认证、课程或计划名称，但没有具体上下文，所以直接保留原英文缩写） → 确认预订（简洁、准确）
  • React Email（React 邮件组件/库） → 装扮得干练利落（时间线、紫色渐变、配套饮品）
  • 重新发送MCP → 直接将其放入收件箱（无需中间人）
  • Supabase 日志 → 保留收据（已发送、已送达、已时间戳）

案已结。

分叉此案例

先决条件：

设置：

# Clone the case file
git clone https://github.com/yourusername/case-file-hydration
cd case-file-hydration

# Install dependencies
npm install

2. 构建

npm run build

3. 配置风帆冲浪（设备/设置）

添加到 ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "waterbar-emails": {
      "command": "node",
      "args": ["C:\\Users\\azamb\\OneDrive\\Desktop\\THE.WATER.BAR\\mcp-waterbar-emails\\build\\index.js"],
      "env": {
        "RESEND_API_KEY": "re_your_api_key_here"
      }
    }
  }
}

4. 在风帆冲浪中刷新MCP（可能是指“多频道处理”或特定于该应用的某个功能/设置，但具体含义需根据上下文确定）

点击锤子图标 → 刷新MCP服务器

演示：AOI预订确认

在风帆冲浪聊天中，试试：

Use the waterbar-emails MCP. Call send_waterbar_email with this:

{
  "flow": "aoi-booking-confirmation",
  "to": "azambata.1984@gmail.com",
  "data": {
    "customerName": "Dr Azam",
    "bookingDate": "2025-07-06",
    "venue": "AOI - Al Quoz, Dubai",
    "totalAmount": "AED 180.00",
    "paymentUrl": "https://buy.stripe.com/test_xxx",
    "bookings": [
      {
        "time": "08:30",
        "experience": "Ice Bath",
        "duration": 10,
        "preDrink": "Ginger Shot",
        "explanation": "Ice Bath sharply awakens your system through noradrenaline release."
      },
      {
        "time": "09:10",
        "experience": "AOI Air PRO Implosion Dome",
        "duration": 50,
        "duringDrink": "Humantra Electrolytes",
        "explanation": "Immersive light and sound enhance cognitive clarity and focus."
      },
      {
        "time": "10:10",
        "experience": "Infrared Sauna",
        "duration": 30,
        "afterDrink": "METÉ Sparkling Water",
        "explanation": "Gentle warmth opens circulation, preparing you for integration."
      }
    ]
  }
}

可用流量

  • aoi-booking-confirmation - AOI（自动光学检测）经验预订及时间线安排
  • water-bar-order-confirmation - 水吧订单收据
  • water-bar-followup - 访后致谢
  • water-bar-missed-you - 活动未出席后续跟进

黑客马拉松演示脚本

开场：

“我构建了一个由人工智能协调的健康预约系统，该系统集成了Supabase、OpenAI、Stripe和Resend，以实现多场地体验的自动化确认。”

展示：

  1. 用户在AOI网站上预约了冰浴+空气PRO+桑拿服务
  2. AI根据生理需求推荐配对饮品
  3. 风帆冲浪调用发送_waterbar邮件的MCP工具
  4. 精美的品牌邮件送达，附带时间线+饮品

强调：

  • 多MCP编排（4项服务）
  • 实际商业价值（实际预订量）
  • 由人工智能驱动的内容（饮品搭配建议、解释说明）
  • 可重复使用（React 邮件模板 = 可编辑）

计划中的未来流程（超出黑客马拉松演示范围）

这个仓库目前展示的是 流程1：AOI（自动光学检测）预约确认。
我们还设计了（此处未演示）其他流程：

  • 水分补充计划生成（Supabase ? Resend）
  • 现场乐队伴奏（时间线+配套饮品）
  • 综合经验回顾（Stripe → Resend → Supabase）

这些在……中有详细说明 文档/机密/附录_案例笔记.md，
但是，仅保证流程1在黑客马拉松评审中开箱即用。

相关 MCP