Gas Agent

🚀 MCP ガス価格エージェントダッシュボード 🛰️

Node.js、Express、TailwindCSS で構築された、MCP 対応の AI 利用を想定したガス価格エージェントです。
このダッシュボードでは、Ethereum、BNB、Polygon のリアルタイムのガス価格を監視し、自然言語で質問して、取引に適したタイミングについてスマートな推奨を受け取ることができます。

---

🧠 このプロジェクトで実現できること

当初の目標から完全な実装まで、以下を実現しました。

• ✅ 複数ネットワークのサポート：Ethereum、BNB、Polygon
• ✅ 各ネットワークのライブガス価格 API
• ✅ インタラクティブなチャートを備えたダッシュボード（時間経過に伴う最大手数料と優先手数料）
• ✅ 次のような人の質問を解釈する自然言語処理エージェント：
  • 「今は良いタイミングですか？」
  • 「最大ガス手数料はいくらですか？」
  • 「ネットワークを比較してください」
• ✅ ガス手数料が非常に低い場合のリアルタイムアラート
• ✅ ガス価格履歴のCSV エクスポート
• ✅ 自動更新 UI（更新間隔を調整可能）
• ✅ Tailwind CSS を使用したスタイリッシュなダークテーマ UI
• ✅ Claude または GPT に直接接続できる MCP 対応プラグイン（mcp.json）

---

🔧 機能

エンドポイント	説明
/api/gas-price	選択したネットワークのライブガス価格を返します
/api/nlp-agent	自然な質問に対するインテリジェントな回答を返します
/dashboard	ライブガスチャート、NLP、エクスポートツールなどを表示します
/	Tailwind ベースのランディングページ
mcp.json	AI エージェント用プラグインスキーマ

---

📸 プレビュー

(ライブチャート、ネットワークセレクター、NLP エージェントの入力欄、CSV エクスポートを表示)

---

📦 技術スタック

• Node.js + Express
• TailwindCSS
• Chart.js
• Blocknative, BscScan, PolygonScan APIs
• MCP プラグイン（Claude/GPT 対応）

---

🚀 ローカルでの実行方法

1. 依存関係をインストールする

npm install

2. **Build Tailwind CSS**

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

3. **Start server**

```bash
npm start
```

4. **Visit the app**
   Open your browser at:
   [http://localhost:3000](http://localhost:3000)

---

## 🤖 Ask Anything!

The AI Agent supports questions like:

- "Is now a good time?"
- "What’s the gas fee?"
- "What's the average gas price?"
- "What’s the highest gas today?"
- "Which network is cheaper?"
- "Is BNB cheaper than Ethereum?"

---

## 🔌 AI Plugin (MCP)

You can connect this project directly to Claude/GPT via the `mcp.json` file.
Example usage:

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

---

## 📁 Folder Structure

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

---

## 📝 License

MIT © 2025 - MCP Gas Price Agent Team

---