【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 一周以上 新手友好度 1/100
-
2026飞猪AI旅行创新大赛 showcase
难度 5/5 一周以上 新手友好度 1/100
-
2026飞猪AI旅行创新大赛 showcase
难度 5/5 一周以上 新手友好度 25/100
modelstudioai/modelstudioai.github.io#201 · 1 条评论 ·
-
难度 1/5 1 小时以内 新手友好度 35/100
modelstudioai/modelstudioai.github.io#199 · 1 条评论 ·
查看 modelstudioai/modelstudioai.github.io 的全部 Issue
相似的 Issue
-
难度 1/5 1 小时以内 新手友好度 85/100
521xueweihan/HelloGitHub#4073 ·
-
[BUG]: Document embedding fails with "Cannot have chunkOverlap >= chunkSize" after switching to an embedder with a smaller max chunk length可能已有人在做 @RaphaelFakhri 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
Mintplex-Labs/anything-llm#6810 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 82/100
AOSSIE-Org/BabyNest#268 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 77/100
维护者通常 1 天内回复
-
Grok 4.3: service_tier is never mentioned, though the card documents Flex at 0.5x and Priority at 1.75x and both are accepted可能已有人在做 @proton0210 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 62/100
aws-samples/sample-per-model-bedrock#427 · 2 条评论 ·
维护者通常 1 天内回复