🚀 MCP Gas Price Agent Dashboard 🛰️

一个与 MCP 兼容的、支持 AI 的 Gas Price Agent，使用 Node.js、Express 和 TailwindCSS 构建。 此仪表板使用户能够监控 Ethereum、BNB 和 Polygon 上的实时 Gas Price，提出自然语言问题，并获得关于何时进行交易的智能建议。

---

🧠 此项目交付的内容

从最初的目标到完全实现，以下是已完成的内容：

• ✅ 支持 多网络：Ethereum、BNB 和 Polygon
• ✅ 每个网络的 实时 Gas Price API
• ✅ 带有交互式图表的仪表板（Max Fee & Priority Fee 随时间变化）
• ✅ 自然语言处理 Agent，用于解释人类提出的问题，例如：
  • “现在是好时机吗？”
  • “最高 Gas Fee 是多少？”
  • “比较不同网络”
• ✅ 实时警报，当 Gas Fee 极低时
• ✅ 导出 Gas 历史记录为 CSV
• ✅ 自动刷新 UI（可调整刷新率）
• ✅ 使用 Tailwind CSS 的 时尚暗黑主题 UI
• ✅ MCP 兼容插件 (mcp.json)，因此可以直接连接到 Claude 或 GPT

---

🔧 功能

Endpoint	描述
/api/gas-price	返回所选网络的实时 Gas Price
/api/nlp-agent	返回对自然问题的智能回复
/dashboard	显示实时 Gas 图表、NLP、导出工具等
/	基于 Tailwind 的着陆页
mcp.json	AI Agent 的插件 Schema

---

📸 预览

(显示实时图表、网络选择器、NLP Agent 输入、CSV 导出)

---

📦 技术栈

• Node.js + Express
• TailwindCSS
• Chart.js
• Blocknative, BscScan, PolygonScan APIs
• MCP 插件（Claude/GPT 就绪）

---

🚀 如何在本地运行

1. 安装依赖

npm install

2. **构建 Tailwind CSS**

```bash
npm run build:css
```

3. **启动服务器**

```bash
npm start
```

4. **访问应用**
   在浏览器中打开：
   [http://localhost:3000](http://localhost:3000)

---

## 🤖 随便问！

AI Agent 支持以下问题：

- "现在是好时机吗？"
- "Gas Fee 是多少？"
- "平均 Gas Price 是多少？"
- "今天最高的 Gas 是多少？"
- "哪个网络更便宜？"
- "BNB 比 Ethereum 便宜吗？"

---

## 🔌 AI 插件 (MCP)

您可以通过 `mcp.json` 文件将此项目直接连接到 Claude/GPT。
用法示例：

```json
{
  "schema_version": "v1",
  "name_for_model": "mcp_gas_agent",
  ...
}
```

---

## 📁 文件夹结构

```
📦 MCP-Gas-Agent
├── public/
│   ├── index.html
│   ├── dashboard.html
│   └── styles.css
├── server.js
├── mcp.json
├── tailwind.config.js
├── package.json
└── README.md
```

---

## 📝 许可证

MIT © 2025 - MCP Gas Price Agent Team
```