添加以下配置到Agent的MCP配置文件:
{
"mcpServers": {
"didi": {
"type": "streamable_http",
"url": "https://mcp.didichuxing.com/mcp-servers?key=你的API_KEY"
}
}
}
替换 你的API_KEY 为实际的API Key。
功能特点:自动识别微信或APP环境,智能选择跳转方式。
两步操作:选择目的地 → 选择出发点
# 老年友好型打车页面设计提示词
请设计一个适合60-80岁老年人使用的打车H5页面。
## 核心设计理念
目标用户特征:
- 视力下降,需要大字体
- 手指控制不精准
- 对复杂操作有恐惧感
- 不理解专业术语
- 只需要简单的从A到B功能
## 设计方法
### 1. 两步式操作设计
操作流程:
- 第一步:选择目的地(回家/医院/火车站/商场)
- 第二步:选择出发点(5个常见地点)
### 2. 视觉设计规范
字体大小:
- 主要操作按钮:28px
- 次要信息:18px
- 最小字号:16px
颜色方案:
- 回家 = 紫色渐变
- 医院 = 绿色渐变
- 火车站 = 蓝色渐变
- 背景:纯白色,高对比度
图标设计:
- 使用emoji图标:🏠 🏥 🚄 🛍️
- 图标大小:36px以上
- 放置在彩色背景块中
### 3. 交互设计规范
- 整个卡片可点击
- 点击后有视觉反馈(缩放效果)
- 提供明确的返回按钮
- 等待时显示动态提示
### 4. 技术实现
环境判断:
if (在微信里) {
打开滴滴小程序
} else {
打开滴滴App
}
路线预设:
const routes = {
"回家_从火车站": {经纬度配置},
"回家_从医院": {经纬度配置},
}
### 5. 设计禁忌
避免以下设计:
- 文字输入
- 车型选择
- 价格显示
- 权限请求
- 超过2个选项
- 专业术语
## 最终用户体验流程
1. 打开页面,显示4个大按钮
2. 点击目的地(如"回家")
3. 选择出发点(如"火车站")
4. 自动跳转滴滴APP或小程序