旅行行程规划网页生成器。当用户需要创建旅行计划、出行安排、日程规划的网页时使用此技能。触发场景包括:(1) 用户说"帮我做一个行程规划网页" (2) 用户描述多天的旅行安排 (3) 用户提到"行程"、"旅行计划"、"日程安排"并希望生成网页展示。
将用户的旅行计划转换为精美的可视化网页。
触发此技能后,必须先询问以下信息:
等待用户回复后再继续。
按天逐一询问,或让用户一次性描述所有行程。每个活动需要:
| 字段 | 说明 | 必填 |
|---|---|---|
| 时间 | 具体时间或时段(如 12:00、下午、晚上) | ✅ |
| 标题 | 活动名称(如 天河区吃自助餐) | ✅ |
| 图标 | emoji 图标(如 🍽️、🎬、🎨) | ✅ |
| 地点 | 具体地点(如 万达广场) | ❌ |
| 描述 | 活动描述 | ❌ |
| 标签 | 分类标签(如 美食、活动、娱乐) | ❌ |
常用图标参考:
使用 scripts/generate_trip.py 生成网页:
python3 scripts/generate_trip.py <output_path> <json_data_path>
或者直接构建 HTML,使用 assets/trip-template.html 模板。
数据结构:
{
"site_name": "YICO",
"trip_title": "周末行程",
"header_badge": "✈️ 周末出行",
"date_range": "2026年3月14日 - 3月15日",
"footer_message": "祝周末愉快!🎉",
"days": [
{
"day_title": "周六",
"date": "2026年3月14日",
"activities": [
{
"time": "12:00",
"title": "天河区吃自助餐",
"icon": "🍽️",
"location": "天河区",
"description": "中午去天河区吃一顿丰盛的自助餐!",
"tag": "美食",
"tag_class": "food"
}
]
}
]
}
标签样式类:
food - 美食相关(红色)activity - 活动相关(蓝色)movie - 电影/娱乐(紫色)生成网页后:
Python 脚本,根据 JSON 数据生成完整的 HTML 网页。
直接运行(使用示例数据):
python3 scripts/generate_trip.py output.html
使用自定义数据:
python3 scripts/generate_trip.py output.html trip_data.json
HTML 模板文件,包含以下占位符:
| 占位符 | 说明 |
|---|---|
{{SITE_NAME}} | 网站名称 |
{{TRIP_TITLE}} | 行程标题 |
{{HEADER_BADGE}} | 头部标签文字 |
{{DATE_RANGE}} | 日期范围 |
{{DAYS_CONTENT}} | 每日行程内容(自动生成) |
{{FOOTER_MESSAGE}} | 页脚消息 |
用户:帮我做一个周末行程规划网页
助手:好的!我需要了解一些信息:
用户:2天,3月14-15日,周末出行,网站名叫 YICO
助手:明白了!现在请告诉我每天的行程安排。你可以:
每个活动请说明:时间、活动内容、地点(可选)
用户:周六中午去天河区吃自助餐,下午玩拼豆,晚上吃火鸡面然后看电影。周日中午去万达广场吃韩国料理,下午吃布丁。
助手:[生成网页并总结行程]