◈ GlassPulse

玻璃拟态服务仪表盘——监控美到让你的状态页火出圈。

检查 · 在线率 · 延迟 · 性能——以绚丽的极光玻璃呈现。

✨ 为什么选择 GlassPulse？

状态页看起来还停留在 1999 年。GlassPulse 是设计系统与监控引擎相爱的产物：在动态极光渐变上的磨砂玻璃卡片、霓虹状态信号、实时延迟迷你图——以及一个原生 MCP 服务器，让你的 AI 代理能与你一同监控基础设施。

• 🪟 真正的玻璃拟态——背景模糊、高光反射、极光光斑

• 🎨 鲜艳而充满活力——紫罗兰 → 品红 → 青色配色，深色优先，同时提供浅色主题

• 📊 真实监控——HTTP、TCP 端口、关键字、JSON 路径和 SSL 过期检查

• ⚡ 性能预算——当延迟超过你的 SLO 时，服务会降级（黄色）

• 🧩 配置驱动——一个 services.json，JSON-Schema 校验，无需后端

• 🤖 MCP 优先——从一个仓库同时交付你的仪表盘 和 一个代理就绪的 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 }
      ]
    }
  ]
}

五种检查类型：http · tcp · keyword · jsonpath · ssl 完整参考：app/schema/glasspulse.schema.json

浏览器说明： 仪表盘在客户端执行检查，因此支持 CORS 的端点会立即亮起。TCP/SSL 检查（以及任何位于 CORS 之后的端点）会标记为 仅代理——MCP 服务器通过 Node 原生探测它们。

🤖 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）

• 一个配置多仪表盘

• 插件检查（自定义 JS 探针）

🤝 贡献

欢迎提交 PR！保持玻璃美学，为引擎逻辑添加测试。

📄 许可证

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

我们特意选择 Apache-2.0 而非 MIT：它为贡献者和用户提供明确的专利许可，同时要求通过 NOTICE 进行署名。"GlassPulse" 名称和徽标是 MountainLabs UG 的商标。