travel-plan-viz
将旅行计划转化为美观的离线可读HTML页面。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：travel-plan-viz。 它的用途是：将旅行计划转化为美观的离线可读HTML页面。 完整的 Skill 内容见：https://321skill.com/skills/travel-plan-viz/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我规划一个上海周末2天1夜的文化美食之旅。” 它会自动调研景点、安排行程、推荐酒店和餐厅，并生成一个包含所有信息的精美HTML页面。或者，你也可以将一份已有的文字版旅行计划粘贴给它，并说：“请把这份计划做成一个好看的网页。”
介绍
travel-plan-viz 是一个专为AI Agent设计的技能，旨在解决传统旅行攻略信息零散、不易查阅和分享的痛点。它可以将你的一句旅行需求（如“帮我做香港4天3晚的旅行计划”）或一份现成的行程，自动转化为一个集成了交互地图、每日时间轴、行前提醒等信息的精美单文件HTML页面。
使用时，你只需向集成了此技能的AI Agent（如Claude Code）描述你的旅行需求，它便会联网调研，规划行程，并最终生成一个独立的HTML文件。这个文件可以在手机或电脑上直接打开，文字内容支持离线阅读，方便你随时查看或分享。
这个技能非常适合那些需要快速规划行程、希望将复杂信息可视化呈现，或需要一份便携式离线攻略的旅行者。对于内容创作者、社媒运营或需要为客户制定旅行方案的人员来说，它也是一个高效的产出工具。
请注意，生成的信息基于AI的联网调研，可能存在时效性问题，建议在出行前通过官方渠道进行最终核实。同时，为了获得最佳的地图交互体验，首次打开HTML文件时需要网络连接。
核心特点
与单纯生成文本攻略的Skill不同，它将易错的机械逻辑（如坐标纠偏、日期提醒计算）固化为可复用引擎，确保生成结果的准确性；同时，它支持将完整的行程数据内嵌在页面中，允许用户后续通过AI直接修改数据并重新渲染，实现可持续迭代，而非一次性输出。
注意事项
不适合需要实时、动态更新信息（如秒级变化的机票价格、当前拥堵路况）的场景。
常见问题
需要API密钥吗？
地图功能使用免费图源，无需任何API密钥。
生成的页面能在没网时看吗？
文字行程和页面结构完全离线可读，但地图和景点图片需要联网加载，无网络时会优雅降级。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/travel-plan-viz/raw/index.md 读取 travel-plan-viz 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/travel-plan-viz/raw/index.md（查看排版版本）