mcpField
C
Cycle Tracker

Cycle Tracker

远程服务
cycle.arrakis.house地图与出行114 周前更新
代码仓库访问官网

关于 Cycle Tracker

Cycle Tracker 是面向曼彻斯特共享单车使用者的监测与分析仪表板，提供实时站点数据、交互式地图和历史快照。

主要功能

  1. 01实时查看单车与站点情况
  2. 02查看站点容量和使用率
  3. 03交互式站点地图
  4. 04热门站点分析
  5. 0590 天历史记录

适用场景

  1. 01查询附近单车和站点可用情况
  2. 02比较站点容量与使用率
  3. 03查看热门站点
  4. 04分析近期可用情况趋势

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://cycle.arrakis.house/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

5

此工具无需参数。

详细介绍

曼彻斯特 Starling Bank 自行车

曼彻斯特 Starling Bank 自行车是一个仪表盘，可实时监控曼彻斯特的共享单车站点并提供相关分析数据。该项目包含一个 Web 前端和一个后端 API。

功能

  • 实时单车和站点统计数据：查看各站点的可用情况、使用率和容量。
  • 交互式地图：查看站点位置和单车分布。
  • 热门站点分析：找出使用次数最多和容量最大的站点。
  • 现代化 UI：使用基于 React、Tailwind CSS 和 Radix UI 构建的响应式界面。

项目结构

- bike-sharing-dashboard/   # Frontend (React, TypeScript, Vite)
  ├── src/
  │   ├── components/
  │   │   ├── dashboard/         # Dashboard features (PopularStationAnalytics, StatsCards, InteractiveMap)
  │   │   ├── home/              # Home page
  │   │   └── ui/                # UI primitives (Sheet, Tabs, Card, Table)
  │   ├── lib/                   # Utility functions
  │   ├── App.css, index.css     # Styles
  │   └── main.tsx               # App entry point
  ├── index.html                 # Root HTML
  ├── vite.config.ts             # Vite config
  └── tailwind.config.js         # Tailwind config

- worker/                   # Backend (Cloudflare Worker, TypeScript, Hono, D1)
  ├── src/
  │   ├── index.ts              # Hono app, CORS, static assets, cron entry
  │   ├── snapshot.ts           # GBFS feed -> D1 snapshot job (10-min cron)
  │   └── routes/               # API routes (bikes, stations, analytics)
  ├── migrations/               # D1 schema migrations
  └── wrangler.jsonc            # Worker + D1 + cron + custom-domain config

开始使用

前提条件
  • Node.js 和 npm
  • 用于部署的 Cloudflare 账户，并启用 Workers 和 D1
本地开发

如需运行后端（Worker 和本地 D1），请执行以下命令：

cd worker
npm install
npm run migrate:local   # first time only
npx wrangler dev        # API on http://localhost:8787

如需运行前端，请执行以下命令：

cd bike-sharing-dashboard
npm install
npm run dev             # UI on http://localhost:5173, calls the local worker
部署

应用运行于 cycle.arrakis.house。当你推送涉及 worker/ 或 bike-sharing-dashboard/ 的更改到 main 时，.github/workflows/deploy.yml 工作流会构建前端、应用 D1 迁移，并运行 wrangler deploy。Worker 会从同一来源提供静态前端和 /api/v1 API。每 10 分钟运行一次的 cron 作业会将曼彻斯特 Beryl 通用共享单车 Feed 规范（GBFS）数据源的快照保存到 D1。

使用的技术

  • 前端： React、TypeScript、Tailwind CSS、Vite、Radix UI
  • 后端： Cloudflare Workers、Hono、D1（SQLite）、TypeScript

作者

ThisisBankole

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。