Communitygithub.com

bethel-mark/trip-planner

End-to-end trip planning skill with Glassmorphism + Isometric + Soft 3D mobile images

trip-planner とは?

trip-planner is a Codex agent skill that end-to-end trip planning skill with Glassmorphism + Isometric + Soft 3D mobile images.

対応~Claude CodeCodex CLI~Cursor
npx skills add bethel-mark/trip-planner

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

🧳 Trip Planner — 端到端旅行规划 skill

定位:从用户给的一句"我要去 X 玩 N 天"开始,全自动产出一套可以直接打包带走的旅行手册。

1. 何时使用(触发语库 - 2026-07 扩充)

1.0 自动调度逻辑(关键)

用户说一句话,系统自动判断输出模式:

触发关键词自动 mode渲染器
默认 / "出张图" / "做个图" / "小红书风" / "玻璃拟态"story(3:4 玻璃拟态多页)render_story.py
"老人版" / "大字版" / "长辈版" / "给爸妈看" / "朗读友好" / "打印"elder(米白底大字)render_elder.py
"长截图" / "一整张"long(单张超长截图)render_mobile.py

用法(统一入口):

python3 scripts/render_trip.py trip.json outdir --prompt "做老人版给爸妈看"
# 系统自动检测 → mode=elder

JSON 也能显式指定:

{ "elder": true, ... }  // 或 "mode": "elder"

A. 黄金触发语(最稳,推荐):

  • "做一张玻璃拟态+等距3D+软3D UI风格的信息图"
  • "用 Glassmorphism + Isometric + Soft 3D 风格出图"
  • "用上次那个小红书风格做一张"

B. 口语化触发(日常对话就能用):

  • "出张图"、"出个图"、"做个图"、"画一张"
  • "做个信息图"、"来张信息图"、"来张图"
  • "做张旅行图"、"做张行程图"、"做张攻略图"
  • "做个 PPT 风的图"、"做个 Apple 风"

C. 行程类自动触发(无需明说风格):

  • "行程规划"、"旅行计划"、"攻略"、"路线"、"旅游"
  • "trip plan"、"travel itinerary"、"travel"、"itinerary"
  • "去 X 玩"、"去 X 几天"、"X 几日游"、"X 月去 X"
  • "帮我安排 X 行程"、"X 哪里好玩"、"X 怎么玩"
  • "出发"、"返程"、"机票"、"酒店"、"签证"

D. 设计风触发(只要听到这些词就触发):

  • "玻璃拟态"、"Glassmorphism"、"等距 3D"、"Isometric"
  • "软 3D"、"Soft 3D"、"苹果风"、"Apple 风"
  • "小红书风"、"Xiaohongshu 风"、"小红书风格"
  • "Vision Pro 风"、"空间 UI"
  • "马卡龙"、"macaron"、"莫兰迪"

E. 视觉风格变体(可选):

  • "出冷色调的"、"出暖色调的"、"出高级感的"
  • "出可爱风的"、"出商务风的"、"出学术风的"
  • "出夜景的"、"出极简的"、"出插画风的"

F. 输出格式触发:

  • "出长截图"、"出小红书版"、"出 3:4 多页"
  • "出手机版"、"出打印版"、"出 A4"、"出 PDF"
  • "出老人版"、"出大字版"、"给爸妈看"、"长辈版"
  • "出儿童版"、"出童趣版"

G. 隐式触发(系统自动判断): 用户说"帮我做 X"+"信息图/图/海报/封面/卡片/PPT"等任何视觉产出词, 且当前工作流符合 trip-planner 覆盖范围时,自动激活本 skill。

不触发的反例(避免误触发):

  • "把这张照片调亮"(单纯修图 → 走其他 skill)
  • "我的代码报错"(debug 任务)
  • "帮我写个函数"(编程任务)

2. 默认交付 4 件套(无需用户重申)

按 PROJECT_MEMORY.md 常驻规则 R01,自动交付:

#交付物形式用途
1行程图长截图 PNG(Glassmorphism + 等距 3D + Soft 3D 风格)手机随时翻阅,转发分享
2每步 ⚠️ 注意事项嵌入行程图每张卡片现场避坑
3出行必备清单9 大类 checkbox 清单打包前对照
4成本拆解Markdown 表格预算控制

3. 工作流程(默认 5 步)

1. CLARIFY  主动问 4 个问题(最多):目的地 / 天数 / 同行人 / 预算级别
2. RESEARCH 调用 必查信息:签证、电源插头、汇率、当地紧急电话
3. DRAFT    按天+按小时生成 timeline,每步含 ⚠️ 注意
4. ASSEMBLE 自动产出 4 件套:
           - long_screenshot.png (用 render_mobile.py)
           - itinerary.md         (手机友好 Markdown)
           - essentials.md        (9 类清单)
           - cost_breakdown.md    (成本表)
           - calendar.ics         (可导入手机日历)
5. DELIVER  输出到 ./trip-{目的地}-{日期}/ 目录

4. 核心组件速查

组件详情在哪
必备清单模板9 大类 A-I(80+ checkbox)references/essentials-checklist.md
针对性问题模板6 类行程的提问清单(学校/商务/家庭/蜜月/探险/邮轮)references/question-templates.md
信息图 promptGlassmorphism + 等距 3D 风格英文 prompt 模板references/style-prompts.md
手机长截图生成器PIL + Apple Color Emoji + 30° iso 平台 + 玻璃卡scripts/render_mobile.py
完整行程示例Malaysia IP→KL→SG 2 天实例examples/malaysia-2day/
ICS 日历生成器标准 .ics 格式,可导入 iOS Calendar / Google Calendarscripts/make_ics.py

5. 风格系统(与"小红书风"对齐)

风格关键词含义适用
Glassmorphism玻璃拟态(透明卡 + 描边 + 柔光)所有信息图底色
Isometric30° 等距投影 3D 建筑校园、地标、交通
Soft 3D UI苹果 Vision Pro 风格圆角 3D 元素装饰、按钮、图标
Apple Color EmojimacOS 原生彩色 emoji替代手画图标(保真度 100%)
Macaron Palette紫/薄荷/桃/奶油 马卡龙色现代、温柔

触发语(用户可直接说):

  • "做一张玻璃拟态+等距3D+软3D UI风格的信息图"
  • "用 Glassmorphism + Isometric + Soft 3D 风格出图"
  • "用上次那个小红书风格做一张"

6. 智能适配规则

6.1 按行程类型自动调整

行程类型必备清单增项信息图侧重点
学校探校孩子简历 5 份 + 成绩单 + 获奖证书 + 信用卡额度证明学校等距建筑 + 录取门槛
家庭度假儿童药品 + 防晒霜 + 雨具 + 零食地标图标 + 餐厅
商务出差名片 + 西装 + 充电宝 + 备用证件会议地点 + 客户公司
蜜月戒指 + 相机 + 情侣装浪漫氛围 + 酒店
高原/雪山红景天 + 高原安 + 厚羽绒 + 抗高反雪山 + 装备
海岛泳衣 + 浮潜 + 防水袋 + 防晒海滩 + 浮潜

6.2 按目的地气候调整衣物类

气候推荐
热带(东南亚、中东)快干 + 防晒 + 雨衣 + 蚊液
温带(日韩欧洲)薄外套 + 1 件防风
寒带(北欧、冬季)厚羽绒 + 雪地靴 + 暖宝宝
高原厚外套 + 防晒 + 抗高反

6.3 按目的地电源插头(自动查表)

区域插头类型
中港澳台、日韩A / C
马来西亚、新加坡、英港G
欧洲大陆C / E / F
美国、加拿大、墨西哥A / B
澳洲、新西兰I
印度、斯里兰卡C / D / M
巴西C / N
南非C / D / M / N

7. 输出样例

7.1 标准 4 件套 + 1 长截图

7.2 新增:3:4 多页图片版(主推)

每页 1080 × 1440(3:4 标准竖版),适合:

  • 小红书 / 朋友圈 / Instagram Story
  • 长按单页可独立分享
  • 像翻书一样按天切换
  • 比一张超长截图更易消费

技术: + ``` trip-malaysia-2day/ ├── itinerary_long.png # 玻璃拟态长截图(手机翻转) ├── itinerary.md # Markdown 行程 ├── essentials.md # 9 大类清单 ├── cost_breakdown.md # 成本表 └── calendar.ics # 可导入手机日历


## 8. 安装方法

`~/.codex/skills/` 只读,放在 workspace 后用 skill-installer 装到用户级:

```bash
# 在普通终端跑
/Users/a1234/.codex/skills/.system/skill-installer/scripts/install-skill.sh \
  /Users/a1234/Documents/UZI/00-archive/05-IOPH-JLP/trip-planner-skill \
  --target user

9. 与既有 skill 的关系

  • 复用 baoyu-image-gen 的 MiniMax provider 出 AI 真 3D 图(终端)
  • 复用 baoyu-xhs-images 的小红书排版(若需要)
  • 复用 .system/imagegen 的 GPT-4o 通道(终端)
  • 沙盒内自带 PIL + Apple Color Emoji 渲染层(无需网络)

10. 维护者笔记

  • v1.0 2026-07-19 由 IOPH→KL→SG 行程项目孵化
  • 触发语、必备清单、4 件套交付规则均来自该项目的 PROJECT_MEMORY.md
  • 后续:加打包/翻译/天气 API 等可选 sub-skill

11. PRO 模式(v2.0 新增)

一句话

只要输入目的地+天数,自动输出完整行程 Markdown + 3 版图片(玻璃拟态/大字版/长截图)

默认交付物(升级为 8 件套)

#交付物形式说明
1✈️ 路线总览Markdown 段落交通方式+耗时+费用一览
2📅 多天行程表Markdown 表格每天按时间线排列,含⚠️注意事项
3🖼️ 玻璃拟态 3:4 多页图5-10 张 PNG小红书风,每页一卡片
4🖼️ 大字版多页图5-10 张 PNG米白底大字,给爸妈看
5🖼️ 长截图1 张 PNG1080×N 全行程一图流
6📋 出行必备清单9 大类 checkbox打包前对照
7🎁 回程必带手伴Markdown 列表当地特色伴手礼+参考价
8💰 总预算表Markdown 表格分类成本拆解
9🚨 旅行应急卡Markdown 卡片当地紧急电话+常见问题
10📱 实用 APP 清单Markdown 列表出发前装好

用法

# PRO 模式(默认):输出全部 3 种图片 + 完整 Markdown
python3 scripts/render_trip.py trip.json outdir --mode pro

# 单模式
python3 scripts/render_trip.py trip.json outdir --mode story
python3 scripts/render_trip.py trip.json outdir --mode elder --prompt "给爸妈看"
python3 scripts/render_trip.py trip.json outdir --mode long

图片内容全览

Story 模式页序(约 9-12 页):

01_cover.png       — 封面(调色板+行程总览)
02_day1.png        — Day 1 时间线
03_day2.png        — Day 2 时间线
...                — 更多天
0N_essentials.png  — 出行必备清单(9 大类)
0N_cost.png        — 成本拆解
0N_souvenirs.png   — 回程必带手伴
0N_apps.png        — 实用 APP
0N_back.png        — 应急联系

Elder 模式页序(约 10-13 页):

01_cover.png       — 大字封面
02_day1.png        — Day 1
03_day2.png        — Day 2
...                — 更多天
0N_essentials.png  — 必备清单
0N_souvenirs.png   — 回程手伴
0N_apps.png        — 实用APP
0N_emergency.png   — 应急电话

JSON 数据扩展

PRO 版本新增 2 个 JSON 段落,需在 trip JSON 中包含:

"souvenirs": {
  "title": "🎁 回程必带",
  "subtitle": "特色伴手礼推荐",
  "items": [
    {"icon": "🩹", "name": "泰式药膏", "desc": "Counterpain/青草膏",
     "price": "RM 5-15"},
    ...
  ]
},
"apps": {
  "title": "📱 实用APP",
  "subtitle": "出发前装好",
  "items": [
    {"icon": "🚕", "name": "Grab", "desc": "泰国打车神器"},
    ...
  ]
}

3 份拷贝同步

目录角色同步方式
bethel-skills/trip-planner/开发版本直接修改
trip-planner-skill/本地安装版本rsync 从 bethel-skills
trip-planner-github/GitHub 发布commit + push

関連スキル