◈ GlassPulse

ガラスモーフィックなサービスダッシュボード — 美しすぎる監視で、あなたのステータスページがバイラルになります。

チェック · アップタイム · レイテンシ · パフォーマンス — 鮮やかなオーロラガラスで表現。

✨ なぜ GlassPulse なのか？

ステータスページはまるで1999年のままです。GlassPulse は、デザインシステムと監視エンジンが恋に落ちたときに生まれるものです。アニメーションするオーロラグラデーションの上のフロストグラスカード、ネオンカラーのステータスシグナル、リアルタイムのレイテンシスパークライン、そして AI エージェントがあなたと一緒にインフラを見張れるネイティブ MCP サーバーを備えています。

• 🪟 真のグラスモーフィズム — 背景のぼかし、スペキュラーハイライト、オーロラブロブ

• 🎨 多彩で鮮やかなカラー — バイオレット→フクシア→シアンのパレット。ダークファースト、ライトテーマも同梱

• 📊 本格的な監視 — HTTP、TCPポート、キーワード、JSONパス、SSL期限チェック

• ⚡ パフォーマンスバジェット — レイテンシがSLOを超えると、サービスが（黄色に）劣化します

• 🧩 設定駆動 — services.json のみ、JSONスキーマで検証、バックエンド不要

• 🚀 MCPファースト — 1つのリポジトリから、ダッシュボードとエージェント対応のMCPサーバーを両方リリース

• 🌗 テーマ切替 — ダークオーロラまたはライトグラスをブラウザーごとに保存

Related MCP server: prismix-status-mcp

🚀 クイックスタート

git clone https://github.com/MountainLabsDE/GlassPulse-Dashboard.git
cd GlassPulse
npm install
npm run dev          # → http://localhost:5173

これだけです。同梱のデモ設定は実際のパブリックエンドポイント（GitHub API、Cloudflare、jsDelivr）を監視するため、すぐにライブデータを確認できます。

サービスの設定

app/src/config/services.json を編集してください:

{
  "title": "My Infrastructure",
  "services": [
    {
      "id": "api",
      "name": "REST API",
      "group": "Core",
      "icon": "🛰️",
      "accent": "#8b5cf6",
      "checks": [
        { "type": "http", "url": "https://api.example.com/health", "degradeAboveMs": 800 },
        { "type": "ssl", "host": "api.example.com", "warnDays": 14 }
      ]
    }
  ]
}

チェックの種類は5つ: http · tcp · keyword · jsonpath · ssl 詳細リファレンス: app/schema/glasspulse.schema.json

ブラウザ向けの注意: ダッシュボードはクライアントサイドでチェックを実行するため、CORS 対応エンドポイントはすぐに表示されます。TCP/SSL チェックや CORS の影響を受けるエンドポイントは エージェント専用 とマークされます — これらは MCP サーバーが Node.js 経由でネイティブにプローブします。

🤖 MCP サーバー

GlassPulse にはファーストクラスの MCP サーバー（stdio + streamable HTTP）が同梱されています。

npm run mcp:build
node mcp-server/dist/index.js                 # stdio
GLASSPULSE_MCP_TRANSPORT=http npm run mcp     # HTTP :3100/mcp
GLASSPULSE_CONFIG=/path/to/your.json npm run mcp

ツール: list_services · get_status · get_metrics · run_check リソース: glasspulse://services · glasspulse://status

Claude Desktop / Cursor

{
  "mcpServers": {
    "glasspulse": {
      "command": "node",
      "args": ["/absolute/path/to/GlassPulse/mcp-server/dist/index.js"]
    }
  }
}

あとはエージェントに聞くだけです: "API は稼働していますか? p95 レイテンシは?"

📦 デプロイ

npm run build        # static bundle in app/dist

app/dist を GitHub Pages、Vercel、Netlify などの静的ホストに配置してください。ダッシュボードから TCP/SSL チェックを実行するには、MCP サーバー（または任意の静的ファイルサーバー）をネットワーク内で実行し、GLASSPULSE_CONFIG が同じ設定を指すようにします。

🗺 ロードマップ

• インシデントのタイムラインとメンテナンスウィンドウ

• WebSocket でのライブプッシュ（オプションの小型エージェント）

• Webhook / アラート連携（Slack、Discord、Telegram）

• 1つの設定から複数ダッシュボードを生成

• プラグイン型チェック（カスタム JS プローブ）

🤝 コントリビューション

PR 大歓迎です！ ガラスの美しさを保ちつつ、エンジンのロジックにもテストを追加してください。

📄 ライセンス

Apache-2.0 — © MountainLabs UG (haftungsbeschränkt).

私たちは意図的に MIT ではなく Apache-2.0 を選びました。Apache-2.0 は、コントリビューターとユーザーに明示的な特許ライセンスを付与しつつ、NOTICE を通じたクレジット表示を求めるライセンスです。「GlassPulse」の名称とロゴは MountainLabs UG の商標です。