【2026飞猪AI旅行创新大赛】TripBlocks — 模块化旅行计划台
還沒有人認領這個 Issue。
評估
- 難度
- 5/5
- 預估耗時
- 一週以上
- 新手友好度
- 25/100
- Issue 類型
- 功能
- 描述清晰度
- 基本清楚
- 活躍度
- 活躍
- 技術堆疊
- javascript, node.js, react, tailwindcss, vite
研究方向
The issue describes a complete travel planning application and lists React, Vite, Tailwind CSS, dnd-kit, and the Node server bridge, but does not point to a specific change or file. Start by reviewing the project structure and local setup with npm install and npm run dev:all; the issue does not define a specific completion condition for a contribution.
由索引模型根據 Issue 內容生成。
描述
参赛项目名称
TripBlocks — A calmer way to plan a trip, block by block.
团队 / 作者与奖品领取人
- 团队名称:TripBlocks
- 主要提交人 GitHub ID(仅 1 位,必填):37chengshan
- 其他成员(可选,仅用于署名):无
旅行场景与目标用户
面向 5–10 天城市自由行的个人 / 双人旅行者。真实痛点是:跨天排期、交通衔接、预算、体力节奏和「搜索结果很多但无法取舍」同时发生;传统行程表只能记录,不能帮助做决定。
TripBlocks 把行程变成可以拖拽、可以呼吸的模块:交通、住宿、体验、吃饭和留白都是块;AI 和真实飞猪库存一起参与「这一周怎么过」,而不是再做一个一次性攻略聊天框。
我做了什么
- 模块化 board:7 天横向计划板,跨天拖拽;点击块可编辑时间、地点、预算、备注。
- FlyAI 实时库存:接入官方
@fly-ai/flyai-cli,服务端/api/flyai调用search-hotel/search-poi;展示真实酒店与京都景点、图片、价格和飞猪预订链接,支持直接加入某一天。 - Wander(百炼 Managed Agent):读取完整行程上下文,针对「Day 5 太重」这类问题给出具体调整;建议以 block 卡呈现,用户确认后才写入,不自动改行程。
- Route map / Budget:路线可视化、每日消费构成、预算余量、已知冲突提示。
- 工程完整度:React + Vite + Tailwind v4 + dnd-kit;本地持久化;生产构建;服务端不向前端暴露 Key。
百炼使用说明(必填)
- 百炼能力 / 模型:阿里云百炼 Managed Agent(托管会话、工具执行、事件流);Agent 侧使用
auto模型路由(账单商品名为AutoModel)。 - 调用方式:百炼 CLI
bl→bl managed-agent session run;由本地 Node/api/agent代理调用,前端不保存任何 Key。 - 使用环节与输入输出:用户主动提问时,服务端把当前 7 天行程(天、时间、地点、花费、备注)作为上下文送入 Managed Agent;Agent 返回 2–4 句具体建议,并可附一个结构化建议块;前端展示、用户确认后写入计划。无轮询、无自动改行程。
- Skill 名称:FlyAI(官方
alibaba-flyai/flyai-skill,运行时通过@fly-ai/flyai-cli调用search-hotel/search-poi)。 - 其他工具 / 技术栈:React 19、Vite 7、Tailwind CSS v4、dnd-kit、Node HTTP bridge。
效果展示



移动端:https://raw.githubusercontent.com/37chengshan/tripblocks/main/docs/screenshots/mobile-home.png
项目链接与复现方式
- GitHub:https://github.com/37chengshan/tripblocks
- 运行:
打开npm install npm run dev:allhttp://127.0.0.1:5173。 - FlyAI:
npx flyai config set FLYAI_API_KEY "your-key"(Key 不进入仓库)。 - Managed Agent:
agent/agents.yaml+agent/agents.state.json;服务端通过bl managed-agent session run调用。 - 说明:当前没有在线 Demo 域名;本地运行即可复现。截图来自真实运行。
踩坑记录(可选)
比赛环境里百炼账号的 API Key / 模型权限当前返回 401/403,因此演示时 Agent 不可用会明确降级到本地 fallback(前端仍保留不调用模型的确定性草稿)。Managed Agent 的调用链、Vault 绑定和 /api/agent 已接好,恢复有权限的 Key 后即可直接走百炼;FlyAI 实时酒店/景点库存当前独立可用。
- 主要語言
- HTML
- 星號
- 11
- 分支
- 3
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
這個專案沒有提供開發容器、Dockerfile 或貢獻指南,環境需要你自己搭建:先看它的 README,通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
modelstudioai/modelstudioai.github.io 的其他 Issue
-
2026飞猪AI旅行创新大赛 showcase
難度 2/5 1-3 小時 新手友好度 72/100
-
2026飞猪AI旅行创新大赛 showcase
難度 5/5 一週以上 新手友好度 20/100
-
2026飞猪AI旅行创新大赛 showcase
難度 5/5 一週以上 新手友好度 1/100
-
2026飞猪AI旅行创新大赛 showcase
難度 1/5 1 小時以內 新手友好度 10/100
查看 modelstudioai/modelstudioai.github.io 的全部 Issue
相似的 Issue
-
難度 2/5 1-3 小時 新手友好度 85/100
維護者通常 1 天內回覆
-
[Bug] OpenAI-compatible Gemini 工具 schema const 导致 400可能已有人在做 @arccat-114 於 1 天前認領。 未關閉bug
難度 2/5 1-3 小時 新手友好度 77/100
AstrBotDevs/AstrBot#10720 ·
維護者通常 1 天內回覆
-
難度 1/5 1 小時以內 新手友好度 85/100
slavakurilyak/awesome-ai-agents#841 ·
維護者通常 1 天內回覆
-
Bug Platform Status: Needs Review
難度 2/5 1-3 小時 新手友好度 78/100
維護者通常 2 天內回覆
-
wiki: parent and overview pages link to guessed page slugs, so cross-page links are broken可能已有人在做 @rome-xi 今天認領。 未關閉
難度 2/5 1-3 小時 新手友好度 76/100
abhigyanpatwari/GitNexus#3704 · 1 則留言 ·
維護者通常 1 天內回覆