{"id":"c53caafb-861c-4c39-bb87-4ea43c82e089","entityType":"agent","slug":"clawhub-gmmg55-travel-guide-generator","name":"旅游攻略生成器","canonicalUrl":"https://www.xpersona.co/agent/clawhub-gmmg55-travel-guide-generator","canonicalPath":"/agent/clawhub-gmmg55-travel-guide-generator","generatedAt":"2026-10-10T13:32:39.096Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":null},"description":"旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。 Skill: 旅游攻略生成器 Owner: gmmg55 Summary: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。 Tags: guide:1.0.0, html:1.0.0, latest:2.0.0, romantic:1.0.0, travel:1.0.0 Version history: v2.0.0 | 2026-09-01T07:39:11.59","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.5K downloads reported by the source. Last updated 10/10/2026.","installCommand":"clawhub skill install s179rmmws7swbk91089bm6s6fh85eg83:travel-guide-generator","sourceUrl":"https://clawhub.ai/gmmg55/travel-guide-generator","homepage":"https://clawhub.ai/gmmg55/skills/travel-guide-generator","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/gmmg55/travel-guide-generator","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/gmmg55/skills/travel-guide-generator","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":63,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自"},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":null},"stars":null,"forks":null,"downloads":1489,"packageName":null,"latestVersion":"2.0.0","tractionLabel":"1.5K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T10:41:14.975Z","lastCrawledAt":"2026-10-10T10:41:14.975Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T10:41:14.975Z","lastVerifiedAt":null,"highlights":[{"version":"2.0.0","createdAt":"2026-09-01T07:39:11.599Z","changelog":"新增结构化校验与多格式导出、路线估算、天气备选、本地交互编辑和 CI；优化卡片按需编辑与质量检查展示。","fileCount":29,"zipByteSize":79115},{"version":"1.0.7","createdAt":"2026-07-21T03:17:49.657Z","changelog":"增强可靠性容错(降级不中断)、高德API可选增强说明、估算标签规范、回复风格规范","fileCount":11,"zipByteSize":33900},{"version":"1.0.6","createdAt":"2026-05-29T08:54:47.071Z","changelog":"travel-guide-generator 1.0.6 - Updated SKILL.md to clarify the required response process: first present HTML file info, then detailed text version in the reply. - Added emphasis that the text guide must always appear at the end of replies, enabling users to browse quickly. - Improved instructions and sample workflow for presenting both HTML path/links and text summaries. - No changes to functional logic or code; documentation and usage guidelines only.","fileCount":11,"zipByteSize":26643},{"version":"1.0.5","createdAt":"2026-05-29T08:45:30.499Z","changelog":"No changes detected in this version. - No file changes were made between versions. - No updates to features, documentation, or functionality.","fileCount":11,"zipByteSize":26493},{"version":"1.0.4","createdAt":"2026-05-29T08:42:33.289Z","changelog":"- New: 增加“对话回复规范”，每次生成攻略时需在对话中输出详尽的文字版攻略，不再只发送HTML文件。 - 新增对话内容包括行程总览、必打卡亮点、美食推荐、酒店推荐、避坑指南、预算估算、浪漫Tips、交通提示等，回复更详细实用。 - 文档细化示例，提升输出风格指导和用户体验。 - 移除 skill-card.md 文件，完善SKILL.md文档说明。","fileCount":11,"zipByteSize":26358},{"version":"1.0.2","createdAt":"2026-05-19T10:20:50.010Z","changelog":"- 新增多语言支持，现已覆盖中/英/日/韩/法/德/西/俄/意/葡/泰/越/阿拉伯等13种语言。 - HTML文档所有模块（标题、按钮、提示、预算等）将按用户需求自动翻译为目标语言，专有名词保留原文。 - 自动检测用户语言或依据指令明确输出指定语言版本。 - 输出HTML自动设置正确的`lang`标签，对RTL（如阿拉伯语）语言添加`dir=\"rtl\"`属性。 - 文档与功能结构保持不变，新增多语言输出规范与使用方法说明。","fileCount":11,"zipByteSize":25427},{"version":"1.0.1","createdAt":"2026-05-19T09:53:25.730Z","changelog":"travel-guide-generator 1.0.1 - 新增PC端右侧快速导航，自动高亮当前模块并悬停高亮，支持点击跳转。 - 支持所有主要内容模块（每日行程卡片、交通、美食、避坑等）可折叠/展开，界面更灵活美观。 - 日程卡片规范、HTML模板等文档细节完善，增加PC/移动端适配说明。 - 更新描述，支持国内外城市、多种出游场景（浪漫游/自驾/短途等），搜索范围扩展为“全网”真实攻略。 - 优化移动端体验，1024px以下自动隐藏侧边导航。","fileCount":10,"zipByteSize":22138},{"version":"1.0.0","createdAt":"2026-05-19T08:17:32.408Z","changelog":"初始版本v1.0.0，支持生成精美旅游攻略HTML，含景点间交通提示、酒店推荐、避坑指南等功能","fileCount":9,"zipByteSize":15804}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s179rmmws7swbk91089bm6s6fh85eg83:travel-guide-generator","setupComplexity":"low","setupSteps":["Setup complexity is classified as HIGH. You must provision dedicated cloud infrastructure or an isolated VM. Do not run this directly on your local workstation.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-10T13:32:39.092Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":null},"readme":"Skill: 旅游攻略生成器\n\nOwner: gmmg55\n\nSummary: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\n\nTags: guide:1.0.0, html:1.0.0, latest:2.0.0, romantic:1.0.0, travel:1.0.0\n\nVersion history:\n\nv2.0.0 | 2026-09-01T07:39:11.599Z | user\n\n新增结构化校验与多格式导出、路线估算、天气备选、本地交互编辑和 CI；优化卡片按需编辑与质量检查展示。\n\nv1.0.7 | 2026-07-21T03:17:49.657Z | user\n\n增强可靠性容错(降级不中断)、高德API可选增强说明、估算标签规范、回复风格规范\n\nv1.0.6 | 2026-05-29T08:54:47.071Z | auto\n\ntravel-guide-generator 1.0.6\n\n- Updated SKILL.md to clarify the required response process: first present HTML file info, then detailed text version in the reply.\n- Added emphasis that the text guide must always appear at the end of replies, enabling users to browse quickly.\n- Improved instructions and sample workflow for presenting both HTML path/links and text summaries.\n- No changes to functional logic or code; documentation and usage guidelines only.\n\nv1.0.5 | 2026-05-29T08:45:30.499Z | auto\n\nNo changes detected in this version. \n- No file changes were made between versions.\n- No updates to features, documentation, or functionality.\n\nv1.0.4 | 2026-05-29T08:42:33.289Z | auto\n\n- New: 增加“对话回复规范”，每次生成攻略时需在对话中输出详尽的文字版攻略，不再只发送HTML文件。\n- 新增对话内容包括行程总览、必打卡亮点、美食推荐、酒店推荐、避坑指南、预算估算、浪漫Tips、交通提示等，回复更详细实用。\n- 文档细化示例，提升输出风格指导和用户体验。\n- 移除 skill-card.md 文件，完善SKILL.md文档说明。\n\nv1.0.2 | 2026-05-19T10:20:50.010Z | auto\n\n- 新增多语言支持，现已覆盖中/英/日/韩/法/德/西/俄/意/葡/泰/越/阿拉伯等13种语言。\n- HTML文档所有模块（标题、按钮、提示、预算等）将按用户需求自动翻译为目标语言，专有名词保留原文。\n- 自动检测用户语言或依据指令明确输出指定语言版本。\n- 输出HTML自动设置正确的`lang`标签，对RTL（如阿拉伯语）语言添加`dir=\"rtl\"`属性。\n- 文档与功能结构保持不变，新增多语言输出规范与使用方法说明。\n\nv1.0.1 | 2026-05-19T09:53:25.730Z | auto\n\ntravel-guide-generator 1.0.1\n\n- 新增PC端右侧快速导航，自动高亮当前模块并悬停高亮，支持点击跳转。\n- 支持所有主要内容模块（每日行程卡片、交通、美食、避坑等）可折叠/展开，界面更灵活美观。\n- 日程卡片规范、HTML模板等文档细节完善，增加PC/移动端适配说明。\n- 更新描述，支持国内外城市、多种出游场景（浪漫游/自驾/短途等），搜索范围扩展为“全网”真实攻略。\n- 优化移动端体验，1024px以下自动隐藏侧边导航。\n\nv1.0.0 | 2026-05-19T08:17:32.408Z | user\n\n初始版本v1.0.0，支持生成精美旅游攻略HTML，含景点间交通提示、酒店推荐、避坑指南等功能\n\nArchive index:\n\nArchive v2.0.0: 29 files, 79115 bytes\n\nFiles: _meta.json (141b), assets/template.html (34442b), config.json (1495b), examples/sample-guide-output.html (50696b), examples/sample-guide-output.md (887b), examples/sample-guide-output.normalized.json (6431b), examples/sample-guide.json (5087b), metadata.json (1580b), README.md (12949b), references/daily-itinerary-spec.md (8549b), references/design-spec.md (3461b), references/guide-schema.json (3801b), requirements.txt (85b), scripts/amap_route.py (7490b), scripts/build_guide.py (3559b), scripts/export_guide.py (5276b), scripts/guide_utils.py (3087b), scripts/render_guide.py (16168b), scripts/route_estimator.py (3011b), scripts/search_guide.py (3161b), scripts/season_advisor.py (2747b), scripts/validate_guide.py (11233b), skill-card.md (2810b), SKILL.md (23468b), tests/test_amap_route.py (1335b), tests/test_build_guide.py (1810b), tests/test_route_estimator.py (795b), tests/test_search_guide.py (656b), tests/test_validate_guide.py (2835b)\n\nFile v2.0.0:SKILL.md\n\n---\r\nname: travel-guide-generator\r\ndescription: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\r\n---\r\n\r\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\r\n\r\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\r\n\r\n> 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度\r\n\r\n## 何时调用 / 如何触发\r\n\r\n本 Skill 由 AI 在识别到**明确的旅游攻略生成请求**时自动调用，用户无需记忆命令，直接说出需求即可。需满足\"生成/规划攻略\"的明确意图才会触发，普通旅游闲聊不会触发：\r\n\r\n- **明确请求生成攻略**：如\"生成威海4天攻略\"、\"帮我规划大理行程\"、\"做一个厦门周末游 HTML\"\r\n- **带目的地+天数的明确规划**：如\"XX 几天怎么玩，帮我出个攻略\"、\"周末去 XX 有什么推荐，生成攻略\"、\"情侣去 XX 怎么安排，做个行程\"\r\n\r\n> 仅讨论旅游话题（如\"XX 好不好玩\"\"XX 有什么特色\"）不会触发本 Skill，避免误用网络查询或外部 API 调用。\r\n\r\n**直接说即可触发（示例）：**\r\n> 帮我生成一份威海4天浪漫攻略，从北京出发\r\n> 规划一个大理2天周末游，情侣\r\n> Generate a 3-day romantic guide for Kyoto\r\n\r\n**不会触发的情况（超出边界，见下节）：** 纯订票 / 订酒店、签证办理、商务出差、非旅游类路线规划。\r\n\r\n## 适用范围与边界\r\n\r\n为避免生成结果不符合预期，请先了解本 Skill 的覆盖范围与限制：\r\n\r\n### ✅ 支持范围\r\n- **城市**：全球任意城市均可生成。示例中的威海 / 青岛 / 大连 / 大理 / 厦门 / Tokyo / Paris 等仅为常见样例，**不限于这些城市**。\r\n- **天数**：推荐 **1-14 天**，此区间内体验最佳（每日 2-3 个核心景点、节奏舒适）。\r\n- **风格**：情侣浪漫游、周末短途游、自驾游、休闲游、亲子游等常规旅游场景。\r\n- **语言**：中 / 英 / 日 / 韩 / 法 / 德 / 西等多语言输出。\r\n\r\n### ⚠️ 边界与超出时的处理\r\n- **天数超过 14 天**：仍可生成，但会提示\"行程较长\"，并建议拆分为多段或聚焦核心城市，避免每日过赶。\r\n- **天数不足 1 天 / 非整数天**：按\"1 日精华游\"处理，或提示补充具体天数。\r\n- **小众 / 攻略数据稀少的目的地**：仍能生成，但会基于通用旅游知识编写，并明确标注\"部分信息可能不够精准，请以当地实际为准\"。\r\n- **未配置高德 API Key**：路线距离 / 用时改为估算值，整体攻略仍可正常生成。\r\n\r\n### ❌ 不支持（非目标场景）\r\n- 实时机票 / 酒店预订、下单支付\r\n- 签证办理、出入境政策咨询\r\n- 纯商务出差、会议行程\r\n- 非旅游类路线规划（搬家、货运、通勤等）\r\n\r\n## 多语言支持\r\n\r\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\r\n\r\n### 支持的语言\r\n\r\n| 语言代码 | 语言 | 示例请求 |\r\n|----------|------|----------|\r\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\r\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\r\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\r\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\r\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\r\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\r\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\r\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\r\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\r\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\r\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\r\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\r\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\r\n\r\n### 语言检测规则\r\n\r\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\r\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\r\n3. **未指定且使用中文** → 默认简体中文\r\n\r\n### 多语言生成规范\r\n\r\n- **HTML ``** 标签设置为对应语言代码\r\n- **所有面向用户的文本**全部翻译为目标语言，包括：\r\n - 页面标题、Hero区域\r\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\r\n - 交通信息卡片（高铁/飞机/推荐标注等）\r\n - 路线条文字（距离、用时、交通方式）\r\n - 景点名称、描述、价格标签\r\n - 浪漫时刻提示\r\n - 美食推荐（店名保留原文，描述翻译）\r\n - 避坑清单（错误做法/正确做法）\r\n - 预算估算（分类名称、总计）\r\n - Tips标题和内容\r\n - 酒店推荐区域\r\n - 折叠提示文字\r\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\r\n- **价格和数字**使用当地货币格式\r\n- **CSS样式**不变，只改变文本内容\r\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\r\n\r\n### 对话回复规范（重要！）\r\n\r\n**回复顺序（必须遵守）：**\r\n1. **先生成HTML文件** → 提示用户文件已生成（路径/链接）\r\n2. **然后提供详细文字版攻略** → 在对话最后放上完整文字版，方便用户快速浏览\r\n\r\n**文字版攻略必须包括：**\r\n\r\n1. **行程总览** — 每天的主题和核心景点（3-5行）\r\n2. **必打卡亮点** — 最值得去的3-5个地方，附一句话说明为什么\r\n3. **美食推荐** — 列出5-8家餐厅/小吃，含人均价格、必点菜、推荐理由\r\n4. **酒店推荐** — 2-3个住宿区域，附价格区间和推荐理由\r\n5. **避坑指南** — 最关键的3-5条避坑建议（精简易懂）\r\n6. **预算估算** — 经济型/舒适型两种总预算\r\n7. **浪漫Tips**（如适用）— 情侣专属建议\r\n8. **交通提示** — 如何到达、当地交通方式推荐\r\n\r\n回复风格：详细、有温度、像朋友在推荐。不要只说\"已生成攻略\"就结束。\r\n\r\n#### 示例（生成大理攻略后的对话回复）\r\n\r\n```\r\n✅ 大理2天浪漫攻略已生成！\r\n\r\n**HTML文件已生成**：`C:\\Users\\...\\大理2天浪漫攻略.html`\r\n\r\n您可以直接打开这个文件查看精美的旅游攻略（PC/移动端自适应，带右侧快速导航）。\r\n\r\n---\r\n\r\n## 📱 详细文字版攻略（方便快速浏览）\r\n\r\n### 🏔️ 行程总览\r\n- Day1：古城漫步 → 三塔倒影 → 洱海日落（龙龛码头）\r\n- Day2：喜洲古镇（麦田/转角楼）→ 周城扎染 → 环海东路S湾 → 双廊\r\n\r\n## ✨ 必打卡\r\n1. 龙龛码头日落 — 金光洒满洱海，苍山作背景，一生必看！\r\n2. 喜洲麦田 — 春夏绿/秋天金，宫崎骏动画即视感\r\n3. S湾公路 — 洱海+苍山同框，大理最出片的地方\r\n4. 周城扎染 — 一起做方巾，成品当情侣信物带走\r\n\r\n## 🍜 美食推荐（详细版见HTML）\r\n- 喜洲破酥粑粑 ¥10-15（现烤现卖，甜/咸两种都好吃！）\r\n- 梅子井酒家 ¥50-70/人（百年梅子树院子，雕梅扣肉一绝）\r\n- 洱海渔家 ¥60-80/人（白族风味，砂锅鱼+乳扇羹）\r\n\r\n## 🏨 住宿推荐\r\n- 古城内民宿 ¥200-500/晚（白族庭院，推荐\"既下山\"）\r\n- 洱海边精品 ¥600-1500/晚（推窗见洱海，浪漫值爆表）\r\n\r\n## ⚠️ 关键避坑\r\n- 不要在景区买银器/茶叶，套路深！去周城正规作坊买扎染\r\n- 环海不要中午去，紫外线超强！早9前或下午4后\r\n- 人民路\"野生导游\"不要理，会带你去购物点\r\n\r\n## 💰 预算\r\n- 经济型：¥800-1200/人 ｜ 舒适型：¥1500-2500/人\r\n```\r\n\r\n### 示例\r\n\r\n用户说：\"Generate a 3-day romantic travel guide for Kyoto from Tokyo\"\r\n\r\n生成的HTML应：\r\n- ``\r\n- 标题：\"Kyoto 3-Day Romantic Getaway\"\r\n- 导航：\"Day 1\"、\"Transport\"、\"Timeline\"、\"Tips\"等\r\n- 景点描述全英文\r\n- 店名保留日文：\"Nishiki Market（錦市場）\"\r\n- 价格显示：\"¥1,500 JPY\"\r\n\r\n## 核心功能\r\n\r\n1. **在线搜索真实攻略** - 搜索全网获取真实用户评价和推荐\r\n2. **高德API路线计算** - 计算景点间距离、用时，突出显示路线衔接（无需地图显示）\r\n3. **精美HTML生成** - 旅游氛围设计，PC/移动端自适应\n4. **详细行程规划** - 每日路线、酒店、美食、避坑指南\n5. **多语言输出** - 支持中/英/日/韩/法/德/西等13种语言\n6. **结构化质量检查** - 自动检查时间冲突、闭馆日、营业时间、路线衔接和来源时效\n7. **离线路线降级** - 高德不可用时按坐标和交通方式估算距离与用时\n8. **天气与季节适配** - 根据日期、南北半球和天气数据生成装备及备选建议\n9. **交互编辑** - 支持勾选、收藏、时间顺延、预算汇总和浏览器本地保存\n10. **多格式导出** - 生成 HTML、Markdown、ICS 日历、GeoJSON 和规范化 JSON\n\r\n## 使用方法\r\n\r\n### 基础用法\r\n\r\n用户只需提供：\r\n- **目的地**：如\"威海\"、\"大理\"\r\n- **天数**：如\"4天\"\r\n- **出发地**：如\"北京\"（可选）\r\n- **风格偏好**：如\"浪漫\"、\"休闲\"（可选）\r\n\r\n示例请求：\r\n```\r\n帮我生成一个威海4天旅游攻略，从北京出发，浪漫休闲风格\r\n```\r\n\r\n### 工作流程\r\n\r\n1. **收集需求** - 确认目的地、日期、天数、出发地、预算、节奏、人群、兴趣、饮食、无障碍和交通偏好\n2. **搜索并记录来源** - 对票价、营业时间、交通、酒店和餐厅记录来源 URL 与核实日期\n3. **生成结构化 JSON** - 严格按 `references/guide-schema.json` 生成，不直接手写最终 HTML\n4. **计算路线** - 优先使用高德 API；失败时用 `route_estimator.py` 按坐标自动估算并标注\n5. **校验与冲突检测** - 使用 `validate_guide.py` 检查结构、时间、闭馆日、营业时间、路线衔接和来源时效\n6. **构建全部产物** - 使用 `build_guide.py` 生成 HTML、Markdown、ICS、GeoJSON 和规范化 JSON\n7. **回复用户** - 先提供 HTML 文件，再给出文字版攻略与其他导出文件\n\n推荐命令：\n\n```bash\npython scripts/build_guide.py guide.json --output-base 目的地攻略\n```\n\r\n> 工作流中任一步失败都**不能中断整篇攻略**，必须按下方「可靠性与容错」降级处理。\r\n\r\n## 可靠性与容错（失败必须降级，不能让攻略生成失败）\r\n\r\n本 Skill 的核心可靠性原则：**攻略永远要能生成出来**。网络、API、搜索任何一环出问题，都必须自动切换到备选方案，而不是中断报错、留下空白攻略。\r\n\r\n### 容错规则（必须遵守）\r\n\r\n1. **高德 API 调用失败**（无 Key / 网络超时 / 配额耗尽 / 返回错误）\r\n - 不中断生成，改用**估算值**：驾车距离 ≈ 直线距离 × 1.3；城区车速取 30 km/h、跨城取 60 km/h 估算用时。\r\n - 在路线条上明确标注「估算」字样，与真实数据区分。\r\n - 单点查询失败：跳过该点，继续其余行程，不卡住整个 Day。\r\n\r\n2. **联网搜索攻略失败**（网络异常 / 搜索服务不可用）\r\n - 不中断，改用**通用旅游知识**生成美食、避坑、酒店建议。\r\n - 在对应模块标注「基于通用知识，建议出行前再核实」。\r\n\r\n3. **交通班次查询失败**（无真实高铁/航班数据）\r\n - 改用估算（如\"约 2-3 小时车程\"）或提示用户自行查询，不阻塞生成。\r\n\r\n4. **单个脚本执行异常**\r\n - 脚本已设计为失败时返回结构化 `{\"status\":\"error\",\"fallback\":true}` 而非崩溃；AI 捕获后按上述规则降级，**绝不因一个工具失败导致整篇攻略空白**。\r\n\r\n5. **HTML 模块隔离**\n - 各模块（Hero / 交通 / 每日行程 / 美食 / 酒店 / 避坑 / 预算 / Tips）相互独立。\r\n - 任一模块数据缺失或生成失败时，**只跳过 / 降级该模块**，其余照常渲染，绝不整页空白或报错。\r\n - 降级数据需按下方规范加标识：估算值加「估算」标签，通用知识加「建议核实」提示。\n\n6. **天气数据缺失或过期**\n - 不伪造实时天气；只根据日期和季节给通用建议，并明确提示临近出发再次核实。\n\n7. **质量校验发现冲突**\n - 结构错误必须修复后再生成；时间或营业冲突展示在质量检查模块，并优先调整行程解决。\n\r\n### 降级优先级\r\n\r\n```\r\n真实数据 > 启发式估算（标注\"估算\"） > 通用知识（标注\"建议核实\"） > 留空并提示用户补充\r\n```\r\n\r\n任何情况下，行程框架、酒店 / 美食 / 避坑 / 预算等模块都应**完整输出**。\r\n\r\n## 高德API配置（可选增强 · 不配置也能用）\r\n\r\n> 💡 **先放宽心**：这一节是**可选的增强项**，不是必做步骤。即使完全不配置高德 API，攻略照常生成——景点间距离和用时会自动用**估算值**代替，行程、酒店、美食、避坑、预算等模块都不受影响。只有你想让路线距离/用时更精准时才需要配置它。\r\n\r\n配置高德 API 后，攻略中的景点间距离、驾车/步行用时会是**真实数据**，路线规划更精准。不配置完全没问题，按需决定即可。\r\n\r\n### 第一步：注册并登录高德开放平台\r\n1. 打开 [高德开放平台控制台](https://lbs.amap.com/)\r\n2. 点击右上角「控制台」→ 用手机号 / 支付宝注册并登录（需完成**实名认证**，否则无法创建 Key）\r\n\r\n### 第二步：创建应用并申请 Key\r\n1. 进入「应用管理」→「我的应用」\r\n2. 点击「**创建新应用**」，填写应用名称（如\"旅游攻略\"），应用类型选「出行」或「其他」\r\n3. 在新建应用下点击「**添加 Key**」\r\n4. 关键填写项：\r\n - 名称：自定义（如 `route-key`）\r\n - **服务平台：必须选「Web 服务」**（脚本调用的是 REST API；不要选 Android / iOS / Web端(JS API)，否则类型不匹配会调用失败）\r\n5. 提交后，复制生成的 **Key 值**（一长串字母数字组合）\r\n\r\n### 第三步：配置 Key（请手动配置，勿在聊天中发送 Key）\r\n\r\n> ⚠️ **安全提示**：API Key 属于敏感凭证，**请勿在对话中把 Key 发送给 AI**，也不要让 AI 把它写入系统环境变量。聊天内容可能被记录、留存或泄露；永久写入系统环境变量也会增加泄露面（尤其在共享/ compromised 主机上）。请自行通过下方方式配置，并优先使用**临时/会话级**凭证。\r\n\r\n脚本通过读取 `AMAP_KEY` 环境变量获取 Key。**Key 只应存在于你自己的环境变量或密钥管理器中，不要写进代码或聊天框。**\r\n\r\n**Windows (PowerShell)：**\r\n```powershell\r\n# 当前会话临时生效（推荐，关闭终端即失效）\r\n$env:AMAP_KEY=\"你的key\"\r\n# 永久生效（谨慎使用）：系统属性 → 高级 → 环境变量 → 新建用户变量 AMAP_KEY\r\n```\r\n\r\n**Windows (CMD)：**\r\n```cmd\r\nset AMAP_KEY=你的key\r\n```\r\n\r\n**macOS / Linux：**\r\n```bash\r\nexport AMAP_KEY=\"你的key\"\r\n# 临时会话有效；如需持久化，写入 shell 配置文件：\r\necho 'export AMAP_KEY=\"你的key\"' >> ~/.zshrc # 或 ~/.bashrc\r\n```\r\n\r\n> 也可在运行脚本时临时用 `--key` 参数传入（仅本次运行有效），适合不想配置环境变量的场景。\r\n>\r\n> **密钥管理建议**：优先使用系统密钥管理器（如 macOS Keychain、Windows Credential Manager、云厂商 Secrets Manager）在运行时注入 `AMAP_KEY`；一旦怀疑泄露，立即在高德控制台删除并重新生成该 Key。\r\n\r\n### 第四步：验证配置\r\n```bash\r\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --city \"威海\"\r\n```\r\n能返回 `distance` / `duration` 即配置成功；若提示\"未设置 AMAP_KEY 环境变量\"说明未生效，请重做第三步。\r\n\r\n### 第五步：在对话中直接使用\r\n配置好后，直接让 AI 生成攻略即可**自动调用高德 API** 计算真实距离与用时，无需额外说明。也可显式提醒：\r\n> 用高德 API 帮我计算威海景点间的真实距离（Key 已配置）\r\n\r\n若未配置 Key，Skill 会自动改用估算值，攻略照常生成，不影响其他模块。\r\n\r\n### 免费额度与注意事项\r\n- 高德 Web 服务每日有免费调用额度（路径规划 / 距离测量 / 地理编码等），个人旅游规划通常足够，超量后需购买。\r\n- **Key 属敏感凭证**：请勿粘贴到公开聊天或提交到代码仓库；一旦泄露，请立即在控制台「删除」该 Key 并重新生成。\r\n- **海外城市**（如 Tokyo / Paris）高德 API 覆盖有限，此类目的地会自动回退为估算值并在攻略中标注。\r\n\r\n主要 API 接口：\r\n- **地理编码**: `https://restapi.amap.com/v3/geocode/geo` - 地址转经纬度\r\n- **路径规划**: `https://restapi.amap.com/v3/direction/driving` - 驾车路线\r\n- **距离测量**: `https://restapi.amap.com/v3/distance` - 直线 / 驾车距离\r\n- **POI 搜索**: `https://restapi.amap.com/v3/place/text` - 景点搜索\r\n\r\n## HTML模板结构\r\n\r\n> 🧩 **模块隔离容错**：各模块（Hero / 交通 / 每日行程 / 美食 / 酒店 / 避坑 / 预算 / Tips）相互独立。某个模块数据缺失或生成失败（如某 Day 卡片、某景点交通提示）时，**只跳过或降级该模块**，其余模块照常渲染，绝不因一处出错导致整页空白或报错。\r\n\r\n生成的HTML包含以下模块：\r\n\r\n### 1. Hero区域\r\n- 目的地标题\r\n- 标签（天数、风格、交通方式）\r\n- 渐变背景营造旅游氛围\r\n\r\n### 2. 右侧快速导航（PC端）\r\n- 固定在右侧，弱化显示（透明度0.4）\r\n- 鼠标悬停时高亮\r\n- 点击跳转到对应模块\r\n- 自动高亮当前浏览区域\r\n\r\n### 3. 可折叠模块\r\n- **Day卡片**：点击Day头部可折叠/展开\r\n- **其他模块**：点击标题可折叠/展开\r\n- **默认状态**：全部展开\r\n- 折叠图标：▼ 箭头指示状态\r\n\r\n### 4. 交通信息卡片\r\n- 高铁/飞机班次（真实数据）\r\n- 价格对比\r\n- 推荐标注\r\n\r\n### 3. 酒店推荐\r\n- 按住宿区域分类\r\n- 价格区间\r\n- 推荐理由\r\n- 与行程衔接说明\r\n\r\n### 4. 每日行程卡片\r\n- Day标题和路线概览\r\n- **[NEW] 酒店→景点路线**（第2天及以后）：在路线条最前面，添加从前一晚酒店到当日首个景点的路线规划（距离+用时）\r\n- 路线条（突出显示距离和用时）\r\n- 景点详情（名称、价格、描述、**景点间交通提示**——从上一个地点到这里的交通方式+用时，显示在景点名称行右侧）\r\n- 浪漫时刻提示\r\n- 避坑指南\r\n- 高德API标签（突出显示）\r\n- **[NEW] 推荐酒店住宿地**（每日晚餐推荐下方，仅需要住宿时）：推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明\r\n\r\n### 5. 美食推荐\r\n- 网格布局展示\r\n- 店名、人均价格、推荐理由\r\n- 来源标注（小红书/马蜂窝等）\r\n\r\n### 6. 避坑清单\r\n- 编号列表\r\n- 错误做法（删除线）\r\n- 正确做法（绿色高亮）\r\n\r\n### 7. 预算估算\r\n- 分类明细\r\n- 总计金额\r\n\r\n### 8. 浪漫Tips\r\n- 情侣专属建议\r\n- 拍照、穿搭、氛围建议\r\n\r\n## 脚本说明\n\n### scripts/build_guide.py\n端到端入口：补全估算路线、生成季节建议、校验、渲染并导出所有格式。\n\n```python\npython scripts/build_guide.py examples/sample-guide.json --output-base examples/my-trip\n```\n\n### scripts/validate_guide.py\n校验结构、来源、时间重叠、营业时间、闭馆日和交通预留。\n\n```python\npython scripts/validate_guide.py examples/sample-guide.json --strict\n```\n\n### scripts/route_estimator.py\n在地图 API 不可用时，根据经纬度估算步行、骑行、公交或驾车路线。\n\n### scripts/export_guide.py\n从同一份 JSON 导出 Markdown、ICS 日历和 GeoJSON 点位。\n\n### scripts/amap_route.py\n计算两点间驾车距离和用时。\r\n\r\n```python\r\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --key YOUR_AMAP_KEY\r\n```\r\n\r\n输出示例：\r\n```json\r\n{\r\n \"distance\": \"8500\",\r\n \"duration\": \"1200\",\r\n \"distance_text\": \"8.5公里\",\r\n \"duration_text\": \"20分钟\"\r\n}\r\n```\r\n\r\n### scripts/search_guide.py\n生成用于在线搜索工具的攻略关键词；脚本本身不直接抓取第三方平台内容。\n\n```python\npython scripts/search_guide.py --destination \"威海\" --type avoid\n```\n\r\n## 设计原则\r\n\r\n1. **行程不紧张** - 每天安排2-3个核心景点，留足休息时间\r\n2. **浪漫氛围** - 每个景点都有\"浪漫时刻\"提示\r\n3. **路线合理** - 使用高德API计算，确保衔接顺畅\r\n4. **真实准确** - 交通信息、价格、班次都要真实\r\n5. **详细实用** - 美食推荐多，避坑指南详细\r\n6. **美观大方** - HTML设计有旅游氛围，重点突出\r\n7. **语言一致** - 全文语言风格统一，专有名词处理得当\r\n\r\n## 移动端适配\r\n\r\nHTML模板已内置响应式设计：\r\n- 768px断点适配平板\r\n- 375px断点适配小屏手机\r\n- 触摸优化（44px最小点击区域）\r\n- 横向滚动支持（表格、标签栏）\r\n- **右侧导航**：屏幕宽度≤1024px时自动隐藏\r\n\r\n## 参考资源\r\n\r\n- HTML模板: `assets/template.html` - 完整HTML模板参考\r\n- 设计规范: `references/design-spec.md` - 配色、字体、布局规范\r\n- **[NEW] 每日行程卡片规范: `references/daily-itinerary-spec.md` - 酒店住宿推荐、酒店→景点路线条、**景点间交通提示**的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码**\r\n\r\n## 回复风格（给用户的话术规范）\r\n\r\n生成攻略后的回复，遵循以下原则，避免反复解释降级、给用户心理负担：\r\n\r\n- **正文不赘述降级**：行程 / 美食 / 酒店 / 避坑 / 预算等模块直接呈现，不要在回复里反复说\"未配置高德 API\"\"路线为估算值\"。HTML 内该加的「估算」标签照常加（见可靠性章节），但**回复文字里不解释**。\r\n- **结尾只轻提示一句**：仅在回复最末尾，用一句话温和引导即可，例如：\r\n > 💡 当前路线距离为估算哦，可以配置高德 API 生成更准确的路线。\r\n- **其他降级同理**：如联网搜索失败改用通用知识，也只在 HTML 内标注\"建议核实\"，回复文字不反复解释。\r\n- **核心态度**：让用户感觉攻略已经完整可用，增强项是\"锦上添花\"而非\"缺了不行\"。\n\nFile v2.0.0:README.md\n\n# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 Claw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时（可选增强，不配也能用）\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API (optional enhancement)\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n| 🌍 多语言支持 | Multi-language Support | 支持中/英/日/韩/法/德/西等13种语言输出，专有名词保留原文 |\n| 🩺 自动质量检查 | Quality Validation | 检查时间冲突、闭馆日、营业时间、路线衔接和来源时效 |\n| 💾 本地交互编辑 | Local Editing | 勾选、收藏、调整时间、顺延后续行程、预算汇总并自动保存 |\n| 📤 多格式导出 | Multi-format Export | 同时生成 HTML、Markdown、日历 ICS、GeoJSON 和规范化 JSON |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n### 结构化构建 | Structured Build\n\nv2 使用可校验的数据管线：`guide.json → 路线补全 → 冲突检查 → HTML/Markdown/ICS/GeoJSON`。\n\n```bash\npython scripts/build_guide.py examples/sample-guide.json --output-base examples/my-trip\npython scripts/validate_guide.py examples/sample-guide.json --strict\n```\n\n完整字段格式见 `references/guide-schema.json`。生成后的 HTML 无需服务端，可离线打开；浏览器“打印”可保存为 PDF。\n\n---\n\n## 📸 效果预览 | Preview\n\n生成的攻略 HTML 包含以下模块：\n\n```\n🌊 行程亮点（6个核心卖点）\n🚄 交通信息（高铁/飞机票价+推荐）\n📋 详细时间表（精确到分钟）\n📍 Day 1~N 每日行程卡片\n ├── 路线条（含距离和用时）\n ├── 景点详情（含交通提示、游玩时长）\n ├── 浪漫时刻 💕\n ├── 避坑提示 ⚠️\n └── 美食推荐 🍽️\n🏨 酒店住宿推荐\n⚠️ 避坑清单（12条）\n🩺 行程冲突与来源时效检查\n🌦️ 天气、季节与室内备选提示\n💰 可编辑预算估算\n💾 勾选、收藏、时间顺延与本地保存\n📤 Markdown / 日历 / GeoJSON 导出\n💕 浪漫出行Tips\n```\n\n> 💡 **提示：** 可直接打开 `examples/sample-guide-output.html` 查看完整交互示例。\n\n---\n\n## ⚙️ 高级配置（可选增强 · 不配置也能用）| Advanced Configuration (Optional)\n\n> 💡 **先放宽心**：高德 API 是**可选的增强项**，不是必做步骤。即使完全不配置，攻略照常生成——景点间距离和用时会自动用**估算值**代替，行程、酒店、美食、避坑、预算等模块都不受影响。只有你想让路线距离/用时更精准时才需要配置它。\n\n### 高德 API（可选）| Amap API (Optional)\n\n配置高德 Web 服务 API Key 后，可以**自动计算景点到景点之间的真实距离和驾车/步行用时**，路线规划更精准。\n\n**请勿在聊天中把 Key 发送给 AI**（聊天记录可能被留存或泄露）。请自行配置：\n\n```bash\n# 临时生效（推荐，仅当前会话有效）\nexport AMAP_KEY=\"你的高德API Key\"\n\n# 或运行脚本时临时传入：\npython scripts/amap_route.py --key \"你的高德API Key\" --origin \"A\" --destination \"B\" --city \"城市\"\n```\n\n> 如需持久化，写入 shell 配置文件（`~/.zshrc` / `~/.bashrc`）或使用系统密钥管理器注入，**不要通过对话让 AI 写入系统环境变量**。一旦 Key 泄露，立即在高德控制台删除并重新生成。\n\n> 申请地址：\n\n如果不配置，Skill 会使用近似距离估算，效果也很好 ✅\n\n---\n\n## 🍹 生成的攻略长什么样？| What does the guide look like?\n\n攻略文件是一个**独立的 HTML 文件**，特点：\n\n- 🎨 **渐变色主题**：每天一个配色，视觉层次分明\n- 📱 **移动端优化**：768px / 375px 断点自适应\n- 💕 **浪漫配色**：粉色/紫色渐变为主色调\n- 🖨️ **可打印**：浏览器\"打印\"即可保存为 PDF\n\n直接双击 HTML 文件在浏览器中打开，或分享给同行伙伴。\n\n---\n\n## 🌍 多语言支持 | Multi-language Support\n\n无论是中文用户还是海外游客，都能用母语生成攻略。本 Skill 支持 **13 种语言**输出，所有界面文本（标题、按钮、标签、提示）都会翻译为目标语言；专有名词（景点名、酒店名、店名）保留原文，可在括号中附注翻译。\n\n**支持的语言 | Supported Languages**\n\n| 语言代码 | 语言 | 示例请求 |\n|----------|------|----------|\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\n\n**语言如何自动识别？ | How the language is detected**\n\n- 🗣️ 你用某种语言提问 → 自动用该语言生成攻略\n- 🎯 你明确指定语言（如\"用英语生成\"、\"in English\"）→ 按指定语言生成\n- 🇨🇳 未指定且使用中文 → 默认简体中文\n\n> 💡 阿拉伯语等 RTL（从右到左）语言会自动在 HTML 中添加 `dir=\"rtl\"` 属性，排版自动适配。\n\n---\n\n## 🛠️ 技术架构 | Technical Architecture\n\n```\ntravel-guide-generator/\n├── SKILL.md # Skill 主文档\n├── assets/\n│ └── template.html # HTML 模板（含完整CSS）\n├── scripts/\n│ ├── build_guide.py # 端到端构建入口\n│ ├── validate_guide.py # 数据校验与冲突检测\n│ ├── render_guide.py # 安全HTML渲染\n│ ├── export_guide.py # Markdown/ICS/GeoJSON导出\n│ ├── route_estimator.py # 无API离线路线估算\n│ ├── season_advisor.py # 天气与季节建议\n│ ├── amap_route.py # 高德API路线规划\n│ └── search_guide.py # 搜索关键词生成\n├── references/\n│ ├── design-spec.md # 设计规范\n│ ├── daily-itinerary-spec.md # 每日行程HTML规范\n│ └── guide-schema.json # 结构化攻略Schema\n├── examples/ # JSON与多格式构建示例\n├── tests/ # 离线单元与端到端测试\n├── config.json # Skill 配置\n└── metadata.json # Skill 元数据\n```\n\n---\n\n## 🤝 贡献 | Contributing\n\n欢迎提交 PR！无论是：\n- 🐛 Bug 修复\n- ✨ 新功能（如：支持多人行程、增加亲子版本）\n- 🌍 增加更多城市模板\n- 📖 文档改进\n\nFork → Branch → PR，我们会尽快审核 🙌\n\n---\n\n## 📝 更新日志 | Changelog\n\n### v2.0.0（2026-09-01）\n- 🧱 新增结构化 JSON → 校验 → 渲染 → 多格式导出管线\n- 🩺 新增时间冲突、闭馆日、营业时间、交通衔接和来源时效检查\n- 🧭 新增高德失败后的经纬度离线路线估算\n- 🌦️ 新增天气、南北半球季节建议和高低温提醒\n- 💾 新增勾选、收藏、时间顺延、预算汇总及浏览器本地保存\n- 📤 新增 Markdown、ICS 日历、GeoJSON 和打印/PDF 支持\n- ✅ 新增 Python 3.8/3.12 CI 与端到端测试\n\n### v1.0.8（2026-08-04）\n- 🔒 安全加固：移除「把 API Key 粘贴进聊天让 AI 永久写入系统环境变量」的不安全配置指引\n- 🔒 改为手动配置 `AMAP_KEY`，并明确警告「勿在聊天中发送密钥」，推荐临时/会话级凭证\n- 🔒 在 `metadata.json` / `config.json` 声明网络与环境变量权限，补齐最小权限缺口\n- 🎯 收紧自动触发条件：仅明确的攻略生成请求才触发，避免普通旅游闲聊误调外部 API\n\n### v1.0.1（2026-05-19）\n- 🧭 新增右侧快速导航（PC端）\n- 📂 支持模块折叠（Day卡片、时间表、其他模块）\n- 🎨 优化导航颜色和样式\n- 🐛 修复Day卡片折叠不生效的问题\n\n### v1.0.0（2026-05-19）\n- 🎉 首次发布\n- ✅ 景点间交通提示（含距离/用时）\n- ✅ 酒店→景点路线条\n- ✅ 推荐酒店住宿地模块\n- ✅ 精确到分钟的详细时间表\n- ✅ 12条避坑清单\n- ✅ 游玩用时标注\n- ✅ PC/移动端自适应\n\n---\n\n## 📄 许可证 | License\n\nMIT License — 自由使用、修改和分发\n\n---\n\n## 👨‍💻 作者 | Author\n\n由 **GMMG55** 创建，发布到 ClawHub。\n\n- ClawHub: `clawhub install travel-guide-generator`\n- GitHub: https://github.com/GMMG55/travel-guide-generator\n- Issue 反馈：欢迎在 GitHub Issues 提出\n\n---\n\n

\n ⭐ 如果这个 Skill 对你有帮助，请在 ClawHub 上点个星！
\n ⭐ If this skill helps you, please star it on ClawHub!\n

\n\nFile v2.0.0:_meta.json\n\n{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"2.0.0\",\n \"publishedAt\": 1788248351599\n}\n\nFile v2.0.0:references/daily-itinerary-spec.md\n\n# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n
\n```\n\n## 三个新增模块详解\n\n### 1. 景点间交通提示（`.spot-transit`）\n\n**显示位置**：每个景点名称行右侧（`.spot-name` 内部或紧跟其后）\n**显示条件**：第一个景点不显示；从第二个景点开始，每个都显示从前一地点到这里的交通方式和时间\n**内容结构**：\n- 交通图标（🚗驾车 / 🚶步行 / 🚇地铁 / 🚌公交）\n- 出发地名称\n- 距离 + 用时\n\n**HTML结构**：\n```html\n🚗 从上一景点名出发 · 驾车 XXkm/XX分钟\n```\n\n**注意**：\n- Day2+ 的第一个景点，出发地应为前一晚酒店名称\n- Day1 的第一个景点不显示此提示\n- 交通方式根据实际情况选择（驾车/步行/地铁/公交/打车）\n- 高德API可用时，距离和时间使用实测数据\n- **高德API不可用 / 超时 / 失败时**（无 Key、网络异常、配额耗尽），距离和用时改为估算值，并必须在数值后追加 `估算` 标签，明确与实测数据区分：\n\n```html\n\n🚗 从上一景点出发 · 驾车 8.5km/20分钟\n\n\n🚗 从上一景点出发 · 驾车 约11km/25分钟估算\n```\n\n估算方法：驾车距离 ≈ 直线距离 × 1.3；城区车速取 30 km/h、跨城取 60 km/h 估算用时。\n\n### 估算标签（降级数据标识）\n\n当路线距离 / 用时为**估算值**（高德 API 不可用或调用失败）时，必须在以下位置的距离用时文本后追加 `.estimate-tag`：\n\n- **路线条**（`.route-bar`）中的 `→ 驾车 XXkm/XX分钟 →`\n- **酒店→景点路线条**（`.hotel-route-bar`）中的 `→ 驾车 XXkm/XX分钟 →`\n- **景点间交通提示**（`.spot-transit` 的 `.transit-time`）\n\n样式定义在 `design-spec.md` 的「估算标签」一节（灰底虚线边框、附 `估算` 文字）。该标签仅用于降级场景，**实测数据不加此标签**，以免误导用户。\n\n### 2. 推荐酒店住宿地模块（`.hotel-rec-section`）\n\n**显示位置**：每日行程卡片内部，晚餐美食推荐下方 \n**显示条件**：仅当需要住宿时（非当日往返） \n**内容结构**：\n- 标题：🏨 推荐酒店住宿地\n- 酒店网格（2列）：酒店区域名称、价格区间、推荐理由\n- 衔接说明：与次日行程的衔接说明\n\n**HTML结构**：\n```html\n
\n
🏨 推荐酒店住宿地
\n
\n
\n
酒店区域名称
\n
💰 价格区间
\n
推荐理由：......
\n
\n \n
\n
💡 衔接说明：......
\n
\n```\n\n### 3. 酒店→景点路线条模块（`.hotel-route-bar`）\n\n**显示位置**：Day2及以后每天的路线条（`.route-bar`）最前面 \n**显示条件**：每天需要住宿时（即不是第一天） \n**内容结构**：\n- 酒店名称（前一晚住宿地）\n- → 驾车 XXkm/XX分钟 →\n- 当日首个景点名称\n\n**HTML结构**：\n```html\n
\n \n 🏨 酒店名称\n → 驾车 XXkm/XX分钟 →\n 📍 首个景点名称\n
\n```\n\n## 数据填充说明\n\n两个新模块的数据需要从以下内容中获取：\n\n1. **酒店住宿推荐**：从搜索的攻略内容中提取酒店区域、价格、推荐理由\n2. **酒店→景点路线**：需要前一晚酒店位置 + 当日首个景点位置，使用高德API计算距离和用时；**API 失败则改用估算值并加「估算」标签**（见上方规范）\n\n## 高德API使用说明\n\n用于计算景点间距离和用时，无需地图显示功能：\n\n1. **路线规划API**：`https://restapi.amap.com/v3/direction/driving`（计算酒店→景点路线）\n2. **地理编码API**：`https://restapi.amap.com/v3/geocode/geo`（获取景点坐标）\n\n详见 `scripts/amap_route.py`。\n\nFile v2.0.0:references/design-spec.md\n\n# 旅游攻略HTML设计规范\n\n## 配色方案\n\n### 主色调\n- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)\n- **强调色**: `#f2719c` (粉红)\n- **警告色**: `#faad14` (金黄)\n- **成功色**: `#52c41a` (绿色)\n- **危险色**: `#ff4d4f` (红色)\n\n### 背景色\n- **页面背景**: `#f5f5f5`\n- **卡片背景**: `#ffffff`\n- **渐变背景**: \n - Day1: `#f6a085` → `#f2719c` (橙粉)\n - Day2: `#4facfe` → `#00f2fe` (蓝青)\n - Day3: `#a18cd1` → `#fbc2eb` (紫粉)\n - Day4: `#fddb92` → `#d1fdff` (黄青)\n\n### 文字色\n- **主文字**: `#333333`\n- **次文字**: `#666666`\n- **辅助文字**: `#888888`\n- **禁用文字**: `#bbbbbb`\n\n## 字体\n\n### 字体族\n```css\nfont-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;\n```\n\n### 字号规范\n- **大标题**: `2.2em` (Hero标题)\n- **标题**: `1.3em` (卡片标题)\n- **小标题**: `1.2em` (区域标题)\n- **正文**: `1em` (默认)\n- **小字**: `0.88em` (描述文字)\n- **辅助**: `0.82em` (标签、提示)\n\n## 布局\n\n### 容器\n```css\nmax-width: 780px;\nmargin: 0 auto;\npadding: 20px 16px 60px;\n```\n\n### 卡片\n```css\nbackground: #fff;\nborder-radius: 16px;\nbox-shadow: 0 2px 12px rgba(0,0,0,.06);\n```\n\n### 间距\n- **大间距**: `24px` (卡片间)\n- **中间距**: `16px` (区域内)\n- **小间距**: `12px` (元素间)\n- **微间距**: `8px` (紧凑元素)\n\n## 组件样式\n\n### 标签\n```css\nbackground: rgba(255,255,255,.2);\nbackdrop-filter: blur(6px);\ncolor: #fff;\npadding: 4px 14px;\nborder-radius: 20px;\nfont-size: .82em;\n```\n\n### 价格标签\n```css\nbackground: #fff3e0;\ncolor: #e65100;\nfont-size: .75em;\npadding: 1px 8px;\nborder-radius: 8px;\n```\n\n### 高德API标签\n```css\nbackground: linear-gradient(135deg, #667eea, #764ba2);\ncolor: #fff;\nfont-size: .7em;\npadding: 3px 10px;\nborder-radius: 8px;\nbox-shadow: 0 2px 8px rgba(102,126,234,.3);\n```\n\n### 估算标签（降级数据标识）\n```css\n/* 当路线距离/用时为估算值（API 不可用、超时或失败时）使用，明确告知用户非实测数据 */\n.estimate-tag {\n background: #f5f5f5;\n color: #999;\n border: 1px dashed #ccc;\n font-size: .7em;\n padding: 1px 8px;\n border-radius: 8px;\n margin-left: 4px;\n}\n```\n> 用法：在路线条 / 交通提示的距离用时文本后追加 `估算`。详见 `daily-itinerary-spec.md`。\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`\n\nFile v2.0.0:references/guide-schema.json\n\n{\n \"$schema\": \"https://json-schema.org/draft/2020-12/schema\",\n \"$id\": \"https://github.com/GMMG55/travel-guide-generator/guide-schema.json\",\n \"title\": \"Travel Guide\",\n \"type\": \"object\",\n \"required\": [\"schema_version\", \"meta\", \"preferences\", \"days\"],\n \"properties\": {\n \"schema_version\": {\"const\": \"1.0\"},\n \"meta\": {\n \"type\": \"object\",\n \"required\": [\"title\", \"destination\", \"language\", \"start_date\", \"days\"],\n \"properties\": {\n \"title\": {\"type\": \"string\", \"minLength\": 1},\n \"destination\": {\"type\": \"string\", \"minLength\": 1},\n \"origin\": {\"type\": \"string\"},\n \"language\": {\"type\": \"string\"},\n \"start_date\": {\"type\": \"string\", \"format\": \"date\"},\n \"days\": {\"type\": \"integer\", \"minimum\": 1},\n \"travelers\": {\"type\": \"integer\", \"minimum\": 1},\n \"currency\": {\"type\": \"string\"},\n \"destination_coords\": {\n \"type\": \"array\",\n \"prefixItems\": [{\"type\": \"number\"}, {\"type\": \"number\"}],\n \"minItems\": 2,\n \"maxItems\": 2\n }\n }\n },\n \"preferences\": {\n \"type\": \"object\",\n \"properties\": {\n \"budget_level\": {\"enum\": [\"economy\", \"comfortable\", \"premium\"]},\n \"pace\": {\"enum\": [\"relaxed\", \"balanced\", \"intensive\"]},\n \"group_type\": {\"type\": \"string\"},\n \"interests\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}},\n \"dietary\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}},\n \"accessibility\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}},\n \"transport\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}},\n \"earliest_start\": {\"type\": \"string\", \"pattern\": \"^[0-2][0-9]:[0-5][0-9]$\"},\n \"latest_end\": {\"type\": \"string\", \"pattern\": \"^[0-2][0-9]:[0-5][0-9]$\"}\n }\n },\n \"sources\": {\n \"type\": \"array\",\n \"items\": {\n \"type\": \"object\",\n \"required\": [\"id\", \"title\", \"type\", \"checked_at\"],\n \"properties\": {\n \"id\": {\"type\": \"string\"},\n \"title\": {\"type\": \"string\"},\n \"url\": {\"type\": \"string\"},\n \"type\": {\"enum\": [\"official\", \"search\", \"user\", \"estimate\", \"general\"]},\n \"checked_at\": {\"type\": \"string\", \"format\": \"date\"}\n }\n }\n },\n \"weather\": {\n \"type\": \"array\",\n \"items\": {\n \"type\": \"object\",\n \"required\": [\"date\", \"condition\"],\n \"properties\": {\n \"date\": {\"type\": \"string\", \"format\": \"date\"},\n \"condition\": {\"type\": \"string\"},\n \"temp_low\": {\"type\": \"number\"},\n \"temp_high\": {\"type\": \"number\"},\n \"backup_plan\": {\"type\": \"string\"},\n \"source_ids\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}}\n }\n }\n },\n \"days\": {\n \"type\": \"array\",\n \"minItems\": 1,\n \"items\": {\n \"type\": \"object\",\n \"required\": [\"day\", \"date\", \"title\", \"items\"],\n \"properties\": {\n \"day\": {\"type\": \"integer\", \"minimum\": 1},\n \"date\": {\"type\": \"string\", \"format\": \"date\"},\n \"title\": {\"type\": \"string\"},\n \"items\": {\n \"type\": \"array\",\n \"minItems\": 1,\n \"items\": {\n \"type\": \"object\",\n \"required\": [\"name\", \"start\", \"end\"],\n \"properties\": {\n \"name\": {\"type\": \"string\"},\n \"type\": {\"enum\": [\"spot\", \"meal\", \"transport\", \"hotel\", \"activity\"]},\n \"start\": {\"type\": \"string\"},\n \"end\": {\"type\": \"string\"},\n \"coords\": {\n \"type\": \"array\",\n \"prefixItems\": [{\"type\": \"number\"}, {\"type\": \"number\"}],\n \"minItems\": 2,\n \"maxItems\": 2\n },\n \"source_ids\": {\"type\": \"array\", \"items\": {\"type\": \"string\"}}\n }\n }\n }\n }\n }\n }\n }\n}\n\nFile v2.0.0:examples/sample-guide-output.md\n\n# 泰山周末轻徒步攻略\r\n\r\n- 目的地：泰山\r\n- 日期：2026-09-20\r\n- 人数：2\r\n\r\n## Day 1 · 红门经典线 · 山顶日落\r\n\r\n- 08:00–08:30 **红门游客中心** — 整理装备、核验门票和天气后开始登山。\r\n- 11:30–12:20 **中天门** — 补给和午间休息，根据体力决定继续步行或换乘索道。\r\n- 15:30–17:00 **南天门与天街** — 放慢节奏游览天街，提前寻找安全、开阔的观景位置。\r\n\r\n## 出行提示\r\n\r\n- 夜间或日出行程需携带头灯，不用手机闪光灯代替持续照明。\r\n- 山岳景区开放与交通可能因天气临时调整，出发前查看官方通知。\r\n\r\n## 数据来源\r\n\r\n- [泰山景区官方信息](https://www.mount-tai.com.cn/)（核实：2026-09-01）\r\n- 离线路线估算（核实：2026-09-01）\r\n- 通用旅行知识，出发前建议核实（核实：2026-09-01）\n\nFile v2.0.0:skill-card.md\n\n## Description:\n\nGenerates multilingual travel-guide itineraries as responsive HTML and companion exports, including daily plans, routes, lodging, food, budget guidance, and travel caveats.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[gmmg55](https://clawhub.ai/user/gmmg55)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nExternal ClawHub users planning leisure trips use this skill to turn a destination, trip length, origin, and preferences into a reviewable itinerary package. It is aimed at travel-guide creation rather than booking, visa handling, business travel, or payment workflows.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Travel preferences and route queries may be used for web research or optional Amap routing.\n\nMitigation: Avoid including sensitive personal details in trip prompts, and use the offline route estimator when privacy or Amap coverage is a concern.\n\nRisk: AMAP_KEY is a sensitive credential when optional precise routing is enabled.\n\nMitigation: Provide it through a temporary environment variable or secrets manager, do not paste it into chat, and rotate it if exposure is suspected.\n\nRisk: Generated travel details such as route times, opening hours, weather, and prices can be stale, estimated, or incomplete.\n\nMitigation: Review sources and confirm live details before booking or departure; keep estimated routes clearly labeled in generated outputs.\n\nRisk: One dependency maintenance issue is noted in the security guidance.\n\nMitigation: Use Python 3.10+ where possible and update the requests dependency pin when compatible with the runtime.\n\n## Reference(s):\n\n- [Travel Guide Generator README](README.md)\n- [Travel guide schema](references/guide-schema.json)\n- [Daily itinerary HTML specification](references/daily-itinerary-spec.md)\n- [HTML design specification](references/design-spec.md)\n- [Amap Open Platform](https://lbs.amap.com/)\n- [ClawHub skill page](https://clawhub.ai/gmmg55/skills/travel-guide-generator)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, HTML, JSON, ICS calendar files, GeoJSON, Guidance]\n\n**Output Format:** [Responsive HTML files, Markdown summaries, ICS, GeoJSON, normalized JSON, and conversational text guidance]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [May use optional AMAP_KEY for route lookups; falls back to labeled estimates when the API is unavailable.]\n\n## Skill Version(s):\n\n2.0.0 (source: server release evidence, artifact metadata, and README changelog)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.\n\nFile v2.0.0:config.json\n\n{\r\n \"name\": \"travel-guide-generator\",\r\n \"version\": \"2.0.0\",\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\r\n \"author\": \"GMMG55\",\r\n \"repository\": \"https://github.com/GMMG55/travel-guide-generator\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\"],\r\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"pip\": [\"requests>=2.32.4,<3\"]\n },\r\n \"env\": {\r\n \"AMAP_KEY\": {\r\n \"description\": \"高德Web服务API Key（可选，用于计算景点间距离和用时）\",\r\n \"required\": false,\r\n \"secret\": true,\r\n \"recommend_session_scoped\": true\r\n }\r\n },\r\n \"permissions\": {\r\n \"network\": {\r\n \"outbound\": [\"https://restapi.amap.com\"],\r\n \"description\": \"仅向高德开放平台 REST API 发起路线规划/地理编码请求（需用户配置 AMAP_KEY）\"\r\n },\r\n \"env\": {\r\n \"read\": [\"AMAP_KEY\"],\r\n \"description\": \"只读 AMAP_KEY 环境变量用于高德 API 调用；不会写入或修改任何环境变量\"\r\n }\r\n }\r\n}\n\nFile v2.0.0:examples/sample-guide-output.normalized.json\n\n{\r\n \"schema_version\": \"1.0\",\r\n \"meta\": {\r\n \"title\": \"泰山周末轻徒步攻略\",\r\n \"subtitle\": \"日出、山风与一段不赶时间的旅程\",\r\n \"destination\": \"泰山\",\r\n \"origin\": \"济南\",\r\n \"language\": \"zh-CN\",\r\n \"start_date\": \"2026-09-20\",\r\n \"days\": 1,\r\n \"travelers\": 2,\r\n \"currency\": \"CNY\",\r\n \"timezone\": \"Asia/Shanghai\",\r\n \"destination_coords\": [\r\n 117.102,\r\n 36.255\r\n ],\r\n \"emojis\": \"⛰️🌅🥾\"\r\n },\r\n \"preferences\": {\r\n \"budget_level\": \"comfortable\",\r\n \"pace\": \"relaxed\",\r\n \"group_type\": \"情侣\",\r\n \"interests\": [\r\n \"自然\",\r\n \"摄影\",\r\n \"日出\"\r\n ],\r\n \"dietary\": [\r\n \"不吃太辣\"\r\n ],\r\n \"accessibility\": [],\r\n \"transport\": [\r\n \"walk\"\r\n ],\r\n \"earliest_start\": \"05:30\",\r\n \"latest_end\": \"21:30\"\r\n },\r\n \"sources\": [\r\n {\r\n \"id\": \"official-taishan\",\r\n \"title\": \"泰山景区官方信息\",\r\n \"url\": \"https://www.mount-tai.com.cn/\",\r\n \"type\": \"official\",\r\n \"checked_at\": \"2026-09-01\"\r\n },\r\n {\r\n \"id\": \"route-estimate\",\r\n \"title\": \"离线路线估算\",\r\n \"type\": \"estimate\",\r\n \"checked_at\": \"2026-09-01\"\r\n },\r\n {\r\n \"id\": \"general-knowledge\",\r\n \"title\": \"通用旅行知识，出发前建议核实\",\r\n \"type\": \"general\",\r\n \"checked_at\": \"2026-09-01\"\r\n }\r\n ],\r\n \"weather\": [\r\n {\r\n \"date\": \"2026-09-20\",\r\n \"condition\": \"多云，山区天气需临近核实\",\r\n \"temp_low\": 12,\r\n \"temp_high\": 23,\r\n \"backup_plan\": \"如遇持续降雨，改为岱庙与泰安市内文化路线\",\r\n \"source_ids\": [\r\n \"general-knowledge\"\r\n ]\r\n }\r\n ],\r\n \"transport\": [\r\n {\r\n \"mode\": \"train\",\r\n \"title\": \"高铁到泰安站\",\r\n \"detail\": \"抵达后换乘公交或打车前往红门游客中心\",\r\n \"price\": \"以购票平台实时价格为准\",\r\n \"recommended\": true,\r\n \"source_ids\": [\r\n \"general-knowledge\"\r\n ]\r\n }\r\n ],\r\n \"hotels\": [\r\n {\r\n \"area\": \"红门附近\",\r\n \"price\": \"约 200–450 元/晚\",\r\n \"reason\": \"适合从红门步行登山，减少清晨接驳\",\r\n \"connection\": \"次日可快速前往登山入口\",\r\n \"source_ids\": [\r\n \"general-knowledge\"\r\n ]\r\n }\r\n ],\r\n \"days\": [\r\n {\r\n \"day\": 1,\r\n \"date\": \"2026-09-20\",\r\n \"title\": \"红门经典线 · 山顶日落\",\r\n \"items\": [\r\n {\r\n \"type\": \"spot\",\r\n \"name\": \"红门游客中心\",\r\n \"icon\": \"🥾\",\r\n \"start\": \"08:00\",\r\n \"end\": \"08:30\",\r\n \"description\": \"整理装备、核验门票和天气后开始登山。\",\r\n \"price\": \"票价请以官方为准\",\r\n \"cost\": 115,\r\n \"currency\": \"元/人\",\r\n \"coords\": [\r\n 117.1298,\r\n 36.2001\r\n ],\r\n \"opening_hours\": {\r\n \"open\": \"05:00\",\r\n \"close\": \"23:00\"\r\n },\r\n \"source_ids\": [\r\n \"official-taishan\"\r\n ]\r\n },\r\n {\r\n \"type\": \"spot\",\r\n \"name\": \"中天门\",\r\n \"icon\": \"⛰️\",\r\n \"start\": \"11:30\",\r\n \"end\": \"12:20\",\r\n \"description\": \"补给和午间休息，根据体力决定继续步行或换乘索道。\",\r\n \"price\": \"补给约 30–60 元\",\r\n \"cost\": 45,\r\n \"currency\": \"元/人\",\r\n \"coords\": [\r\n 117.1015,\r\n 36.2353\r\n ],\r\n \"transport_mode\": \"walk\",\r\n \"source_ids\": [\r\n \"official-taishan\",\r\n \"general-knowledge\"\r\n ],\r\n \"route_from_previous\": {\r\n \"mode\": \"walk\",\r\n \"distance_km\": 5.4,\r\n \"duration_min\": 72,\r\n \"estimated\": true,\r\n \"method\": \"haversine_x_1.15\"\r\n }\r\n },\r\n {\r\n \"type\": \"spot\",\r\n \"name\": \"南天门与天街\",\r\n \"icon\": \"🌤️\",\r\n \"start\": \"15:30\",\r\n \"end\": \"17:00\",\r\n \"description\": \"放慢节奏游览天街，提前寻找安全、开阔的观景位置。\",\r\n \"price\": \"免费游览\",\r\n \"cost\": 0,\r\n \"currency\": \"元/人\",\r\n \"coords\": [\r\n 117.1036,\r\n 36.2574\r\n ],\r\n \"transport_mode\": \"walk\",\r\n \"romance\": \"在山风里一起等待天色变化，记得给彼此留一张合照。\",\r\n \"pitfall\": \"山顶温差明显，不要只按山下温度准备衣物。\",\r\n \"source_ids\": [\r\n \"official-taishan\"\r\n ],\r\n \"route_from_previous\": {\r\n \"mode\": \"walk\",\r\n \"distance_km\": 2.8,\r\n \"duration_min\": 38,\r\n \"estimated\": true,\r\n \"method\": \"haversine_x_1.15\"\r\n }\r\n }\r\n ]\r\n }\r\n ],\r\n \"foods\": [\r\n {\r\n \"name\": \"泰山豆腐宴\",\r\n \"shop\": \"选择明码标价、近期评价稳定的门店\",\r\n \"price\": \"约 60–100 元/人\",\r\n \"reason\": \"适合下山后补充热量\",\r\n \"source_ids\": [\r\n \"general-knowledge\"\r\n ]\r\n }\r\n ],\r\n \"avoid\": [\r\n {\r\n \"wrong\": \"只穿短袖上山\",\r\n \"right\": \"携带防风外层，并根据实时天气增减衣物\",\r\n \"source_ids\": [\r\n \"official-taishan\"\r\n ]\r\n },\r\n {\r\n \"wrong\": \"把估算时间当作固定到达时间\",\r\n \"right\": \"至少预留 20% 机动时间，按体力调整\",\r\n \"source_ids\": [\r\n \"route-estimate\"\r\n ]\r\n }\r\n ],\r\n \"budget\": {\r\n \"selected\": \"comfortable\",\r\n \"profiles\": {\r\n \"economy\": {\r\n \"categories\": {\r\n \"交通\": 120,\r\n \"门票\": 230,\r\n \"餐饮\": 160,\r\n \"其他\": 80\r\n },\r\n \"total\": 590\r\n },\r\n \"comfortable\": {\r\n \"categories\": {\r\n \"交通\": 240,\r\n \"门票\": 230,\r\n \"餐饮\": 260,\r\n \"住宿\": 360,\r\n \"其他\": 120\r\n },\r\n \"total\": 1210\r\n }\r\n }\r\n },\r\n \"tips\": [\r\n \"夜间或日出行程需携带头灯，不用手机闪光灯代替持续照明。\",\r\n \"山岳景区开放与交通可能因天气临时调整，出发前查看官方通知。\"\r\n ],\r\n \"season_tips\": [\r\n \"当前行程处于秋季，出发前请再次核实临近天气。\",\r\n \"早晚偏凉，建议携带薄外套并关注景区季节性开放时间。\"\r\n ]\r\n}\n\nFile v2.0.0:examples/sample-guide.json\n\n{\n \"schema_version\": \"1.0\",\n \"meta\": {\n \"title\": \"泰山周末轻徒步攻略\",\n \"subtitle\": \"日出、山风与一段不赶时间的旅程\",\n \"destination\": \"泰山\",\n \"origin\": \"济南\",\n \"language\": \"zh-CN\",\n \"start_date\": \"2026-09-20\",\n \"days\": 1,\n \"travelers\": 2,\n \"currency\": \"CNY\",\n \"timezone\": \"Asia/Shanghai\",\n \"destination_coords\": [117.102, 36.255],\n \"emojis\": \"⛰️🌅🥾\"\n },\n \"preferences\": {\n \"budget_level\": \"comfortable\",\n \"pace\": \"relaxed\",\n \"group_type\": \"情侣\",\n \"interests\": [\"自然\", \"摄影\", \"日出\"],\n \"dietary\": [\"不吃太辣\"],\n \"accessibility\": [],\n \"transport\": [\"walk\"],\n \"earliest_start\": \"05:30\",\n \"latest_end\": \"21:30\"\n },\n \"sources\": [\n {\n \"id\": \"official-taishan\",\n \"title\": \"泰山景区官方信息\",\n \"url\": \"https://www.mount-tai.com.cn/\",\n \"type\": \"official\",\n \"checked_at\": \"2026-09-01\"\n },\n {\n \"id\": \"route-estimate\",\n \"title\": \"离线路线估算\",\n \"type\": \"estimate\",\n \"checked_at\": \"2026-09-01\"\n },\n {\n \"id\": \"general-knowledge\",\n \"title\": \"通用旅行知识，出发前建议核实\",\n \"type\": \"general\",\n \"checked_at\": \"2026-09-01\"\n }\n ],\n \"weather\": [\n {\n \"date\": \"2026-09-20\",\n \"condition\": \"多云，山区天气需临近核实\",\n \"temp_low\": 12,\n \"temp_high\": 23,\n \"backup_plan\": \"如遇持续降雨，改为岱庙与泰安市内文化路线\",\n \"source_ids\": [\"general-knowledge\"]\n }\n ],\n \"transport\": [\n {\n \"mode\": \"train\",\n \"title\": \"高铁到泰安站\",\n \"detail\": \"抵达后换乘公交或打车前往红门游客中心\",\n \"price\": \"以购票平台实时价格为准\",\n \"recommended\": true,\n \"source_ids\": [\"general-knowledge\"]\n }\n ],\n \"hotels\": [\n {\n \"area\": \"红门附近\",\n \"price\": \"约 200–450 元/晚\",\n \"reason\": \"适合从红门步行登山，减少清晨接驳\",\n \"connection\": \"次日可快速前往登山入口\",\n \"source_ids\": [\"general-knowledge\"]\n }\n ],\n \"days\": [\n {\n \"day\": 1,\n \"date\": \"2026-09-20\",\n \"title\": \"红门经典线 · 山顶日落\",\n \"items\": [\n {\n \"type\": \"spot\",\n \"name\": \"红门游客中心\",\n \"icon\": \"🥾\",\n \"start\": \"08:00\",\n \"end\": \"08:30\",\n \"description\": \"整理装备、核验门票和天气后开始登山。\",\n \"price\": \"票价请以官方为准\",\n \"cost\": 115,\n \"currency\": \"元/人\",\n \"coords\": [117.1298, 36.2001],\n \"opening_hours\": {\"open\": \"05:00\", \"close\": \"23:00\"},\n \"source_ids\": [\"official-taishan\"]\n },\n {\n \"type\": \"spot\",\n \"name\": \"中天门\",\n \"icon\": \"⛰️\",\n \"start\": \"11:30\",\n \"end\": \"12:20\",\n \"description\": \"补给和午间休息，根据体力决定继续步行或换乘索道。\",\n \"price\": \"补给约 30–60 元\",\n \"cost\": 45,\n \"currency\": \"元/人\",\n \"coords\": [117.1015, 36.2353],\n \"transport_mode\": \"walk\",\n \"source_ids\": [\"official-taishan\", \"general-knowledge\"]\n },\n {\n \"type\": \"spot\",\n \"name\": \"南天门与天街\",\n \"icon\": \"🌤️\",\n \"start\": \"15:30\",\n \"end\": \"17:00\",\n \"description\": \"放慢节奏游览天街，提前寻找安全、开阔的观景位置。\",\n \"price\": \"免费游览\",\n \"cost\": 0,\n \"currency\": \"元/人\",\n \"coords\": [117.1036, 36.2574],\n \"transport_mode\": \"walk\",\n \"romance\": \"在山风里一起等待天色变化，记得给彼此留一张合照。\",\n \"pitfall\": \"山顶温差明显，不要只按山下温度准备衣物。\",\n \"source_ids\": [\"official-taishan\"]\n }\n ]\n }\n ],\n \"foods\": [\n {\n \"name\": \"泰山豆腐宴\",\n \"shop\": \"选择明码标价、近期评价稳定的门店\",\n \"price\": \"约 60–100 元/人\",\n \"reason\": \"适合下山后补充热量\",\n \"source_ids\": [\"general-knowledge\"]\n }\n ],\n \"avoid\": [\n {\n \"wrong\": \"只穿短袖上山\",\n \"right\": \"携带防风外层，并根据实时天气增减衣物\",\n \"source_ids\": [\"official-taishan\"]\n },\n {\n \"wrong\": \"把估算时间当作固定到达时间\",\n \"right\": \"至少预留 20% 机动时间，按体力调整\",\n \"source_ids\": [\"route-estimate\"]\n }\n ],\n \"budget\": {\n \"selected\": \"comfortable\",\n \"profiles\": {\n \"economy\": {\n \"categories\": {\"交通\": 120, \"门票\": 230, \"餐饮\": 160, \"其他\": 80},\n \"total\": 590\n },\n \"comfortable\": {\n \"categories\": {\"交通\": 240, \"门票\": 230, \"餐饮\": 260, \"住宿\": 360, \"其他\": 120},\n \"total\": 1210\n }\n }\n },\n \"tips\": [\n \"夜间或日出行程需携带头灯，不用手机闪光灯代替持续照明。\",\n \"山岳景区开放与交通可能因天气临时调整，出发前查看官方通知。\"\n ]\n}\n\nFile v2.0.0:metadata.json\n\n{\r\n \"name\": \"travel-guide-generator\",\r\n \"version\": \"2.0.0\",\n \"description\": \"旅游攻略生成器 - 当用户提出旅游规划需求时自动调用（如\\\"生成XX攻略\\\"、\\\"XX几天怎么玩\\\"、\\\"情侣/周末/自驾游怎么安排\\\"）。支持全球任意城市（示例城市仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成并提示拆分）。自动搜索真实攻略、高德API计算路线、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\",\n \"author\": \"GMMG55\",\n \"repository\": \"https://github.com/GMMG55/travel-guide-generator\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\", \"多语言\", \"multilingual\", \"日本\", \"韩国\", \"英语\", \"English\", \"旅行ガイド\"],\r\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"pip\": [\"requests>=2.32.4,<3\"]\n },\r\n \"permissions\": {\r\n \"network\": {\r\n \"outbound\": [\"https://restapi.amap.com\"],\r\n \"description\": \"仅向高德开放平台 REST API 发起路线规划/地理编码请求（需用户配置 AMAP_KEY）\"\r\n },\r\n \"env\": {\r\n \"read\": [\"AMAP_KEY\"],\r\n \"description\": \"只读 AMAP_KEY 环境变量用于高德 API 调用；不会写入或修改任何环境变量\"\r\n }\r\n },\r\n \"env\": {\r\n \"AMAP_KEY\": \"高德Web服务API Key（可选）\"\r\n },\r\n \"minQclawVersion\": \"1.0.0\"\r\n}\n\nArchive v1.0.7: 11 files, 33900 bytes\n\nFiles: _meta.json (141b), assets/template.html (22813b), config.json (1070b), metadata.json (1112b), README.md (10167b), references/daily-itinerary-spec.md (8549b), references/design-spec.md (3461b), scripts/amap_route.py (7664b), scripts/search_guide.py (3161b), skill-card.md (2985b), SKILL.md (20871b)\n\nFile v1.0.7:SKILL.md\n\n---\r\nname: travel-guide-generator\r\ndescription: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\r\n---\r\n\r\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\r\n\r\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\r\n\r\n> 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度\r\n\r\n## 何时调用 / 如何触发\r\n\r\n本 Skill 由 AI 在识别到**旅游规划意图**时自动调用，用户无需记忆任何命令，直接说出需求即可。出现以下任一情况即会触发：\r\n\r\n- **明确请求生成攻略**：如\"生成威海4天攻略\"、\"帮我规划大理行程\"、\"做一个厦门周末游 HTML\"\r\n- **表达旅游规划意图**：如\"XX 几天怎么玩\"、\"周末去 XX 有什么推荐\"、\"情侣去 XX 怎么安排\"、\"自驾游 XX 路线\"\r\n- **目的地 + 天数 + 风格组合**：浪漫 / 休闲 / 亲子 / 自驾 / 周末 等关键词出现时\r\n\r\n**直接说即可触发（示例）：**\r\n> 帮我生成一份威海4天浪漫攻略，从北京出发\r\n> 规划一个大理2天周末游，情侣\r\n> Generate a 3-day romantic guide for Kyoto\r\n\r\n**不会触发的情况（超出边界，见下节）：** 纯订票 / 订酒店、签证办理、商务出差、非旅游类路线规划。\r\n\r\n## 适用范围与边界\r\n\r\n为避免生成结果不符合预期，请先了解本 Skill 的覆盖范围与限制：\r\n\r\n### ✅ 支持范围\r\n- **城市**：全球任意城市均可生成。示例中的威海 / 青岛 / 大连 / 大理 / 厦门 / Tokyo / Paris 等仅为常见样例，**不限于这些城市**。\r\n- **天数**：推荐 **1-14 天**，此区间内体验最佳（每日 2-3 个核心景点、节奏舒适）。\r\n- **风格**：情侣浪漫游、周末短途游、自驾游、休闲游、亲子游等常规旅游场景。\r\n- **语言**：中 / 英 / 日 / 韩 / 法 / 德 / 西等多语言输出。\r\n\r\n### ⚠️ 边界与超出时的处理\r\n- **天数超过 14 天**：仍可生成，但会提示\"行程较长\"，并建议拆分为多段或聚焦核心城市，避免每日过赶。\r\n- **天数不足 1 天 / 非整数天**：按\"1 日精华游\"处理，或提示补充具体天数。\r\n- **小众 / 攻略数据稀少的目的地**：仍能生成，但会基于通用旅游知识编写，并明确标注\"部分信息可能不够精准，请以当地实际为准\"。\r\n- **未配置高德 API Key**：路线距离 / 用时改为估算值，整体攻略仍可正常生成。\r\n\r\n### ❌ 不支持（非目标场景）\r\n- 实时机票 / 酒店预订、下单支付\r\n- 签证办理、出入境政策咨询\r\n- 纯商务出差、会议行程\r\n- 非旅游类路线规划（搬家、货运、通勤等）\r\n\r\n## 多语言支持\r\n\r\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\r\n\r\n### 支持的语言\r\n\r\n| 语言代码 | 语言 | 示例请求 |\r\n|----------|------|----------|\r\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\r\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\r\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\r\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\r\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\r\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\r\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\r\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\r\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\r\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\r\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\r\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\r\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\r\n\r\n### 语言检测规则\r\n\r\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\r\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\r\n3. **未指定且使用中文** → 默认简体中文\r\n\r\n### 多语言生成规范\r\n\r\n- **HTML ``** 标签设置为对应语言代码\r\n- **所有面向用户的文本**全部翻译为目标语言，包括：\r\n - 页面标题、Hero区域\r\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\r\n - 交通信息卡片（高铁/飞机/推荐标注等）\r\n - 路线条文字（距离、用时、交通方式）\r\n - 景点名称、描述、价格标签\r\n - 浪漫时刻提示\r\n - 美食推荐（店名保留原文，描述翻译）\r\n - 避坑清单（错误做法/正确做法）\r\n - 预算估算（分类名称、总计）\r\n - Tips标题和内容\r\n - 酒店推荐区域\r\n - 折叠提示文字\r\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\r\n- **价格和数字**使用当地货币格式\r\n- **CSS样式**不变，只改变文本内容\r\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\r\n\r\n### 对话回复规范（重要！）\r\n\r\n**回复顺序（必须遵守）：**\r\n1. **先生成HTML文件** → 提示用户文件已生成（路径/链接）\r\n2. **然后提供详细文字版攻略** → 在对话最后放上完整文字版，方便用户快速浏览\r\n\r\n**文字版攻略必须包括：**\r\n\r\n1. **行程总览** — 每天的主题和核心景点（3-5行）\r\n2. **必打卡亮点** — 最值得去的3-5个地方，附一句话说明为什么\r\n3. **美食推荐** — 列出5-8家餐厅/小吃，含人均价格、必点菜、推荐理由\r\n4. **酒店推荐** — 2-3个住宿区域，附价格区间和推荐理由\r\n5. **避坑指南** — 最关键的3-5条避坑建议（精简易懂）\r\n6. **预算估算** — 经济型/舒适型两种总预算\r\n7. **浪漫Tips**（如适用）— 情侣专属建议\r\n8. **交通提示** — 如何到达、当地交通方式推荐\r\n\r\n回复风格：详细、有温度、像朋友在推荐。不要只说\"已生成攻略\"就结束。\r\n\r\n#### 示例（生成大理攻略后的对话回复）\r\n\r\n```\r\n✅ 大理2天浪漫攻略已生成！\r\n\r\n**HTML文件已生成**：`C:\\Users\\...\\大理2天浪漫攻略.html`\r\n\r\n您可以直接打开这个文件查看精美的旅游攻略（PC/移动端自适应，带右侧快速导航）。\r\n\r\n---\r\n\r\n## 📱 详细文字版攻略（方便快速浏览）\r\n\r\n### 🏔️ 行程总览\r\n- Day1：古城漫步 → 三塔倒影 → 洱海日落（龙龛码头）\r\n- Day2：喜洲古镇（麦田/转角楼）→ 周城扎染 → 环海东路S湾 → 双廊\r\n\r\n## ✨ 必打卡\r\n1. 龙龛码头日落 — 金光洒满洱海，苍山作背景，一生必看！\r\n2. 喜洲麦田 — 春夏绿/秋天金，宫崎骏动画即视感\r\n3. S湾公路 — 洱海+苍山同框，大理最出片的地方\r\n4. 周城扎染 — 一起做方巾，成品当情侣信物带走\r\n\r\n## 🍜 美食推荐（详细版见HTML）\r\n- 喜洲破酥粑粑 ¥10-15（现烤现卖，甜/咸两种都好吃！）\r\n- 梅子井酒家 ¥50-70/人（百年梅子树院子，雕梅扣肉一绝）\r\n- 洱海渔家 ¥60-80/人（白族风味，砂锅鱼+乳扇羹）\r\n\r\n## 🏨 住宿推荐\r\n- 古城内民宿 ¥200-500/晚（白族庭院，推荐\"既下山\"）\r\n- 洱海边精品 ¥600-1500/晚（推窗见洱海，浪漫值爆表）\r\n\r\n## ⚠️ 关键避坑\r\n- 不要在景区买银器/茶叶，套路深！去周城正规作坊买扎染\r\n- 环海不要中午去，紫外线超强！早9前或下午4后\r\n- 人民路\"野生导游\"不要理，会带你去购物点\r\n\r\n## 💰 预算\r\n- 经济型：¥800-1200/人 ｜ 舒适型：¥1500-2500/人\r\n```\r\n\r\n### 示例\r\n\r\n用户说：\"Generate a 3-day romantic travel guide for Kyoto from Tokyo\"\r\n\r\n生成的HTML应：\r\n- ``\r\n- 标题：\"Kyoto 3-Day Romantic Getaway\"\r\n- 导航：\"Day 1\"、\"Transport\"、\"Timeline\"、\"Tips\"等\r\n- 景点描述全英文\r\n- 店名保留日文：\"Nishiki Market（錦市場）\"\r\n- 价格显示：\"¥1,500 JPY\"\r\n\r\n## 核心功能\r\n\r\n1. **在线搜索真实攻略** - 搜索全网获取真实用户评价和推荐\r\n2. **高德API路线计算** - 计算景点间距离、用时，突出显示路线衔接（无需地图显示）\r\n3. **精美HTML生成** - 旅游氛围设计，PC/移动端自适应\r\n4. **详细行程规划** - 每日路线、酒店、美食、避坑指南\r\n5. **多语言输出** - 支持中/英/日/韩/法/德/西等13种语言\r\n\r\n## 使用方法\r\n\r\n### 基础用法\r\n\r\n用户只需提供：\r\n- **目的地**：如\"威海\"、\"大理\"\r\n- **天数**：如\"4天\"\r\n- **出发地**：如\"北京\"（可选）\r\n- **风格偏好**：如\"浪漫\"、\"休闲\"（可选）\r\n\r\n示例请求：\r\n```\r\n帮我生成一个威海4天旅游攻略，从北京出发，浪漫休闲风格\r\n```\r\n\r\n### 工作流程\r\n\r\n1. **收集需求** - 确认目的地、天数、出发地、风格偏好\r\n2. **搜索攻略** - 使用在线搜索工具搜索全网攻略\r\n3. **查询交通** - 查询高铁/飞机真实班次和价格\r\n4. **计算路线** - 使用高德API计算景点间距离和用时\r\n5. **生成HTML** - 使用模板生成精美HTML文档\r\n\r\n> 工作流中任一步失败都**不能中断整篇攻略**，必须按下方「可靠性与容错」降级处理。\r\n\r\n## 可靠性与容错（失败必须降级，不能让攻略生成失败）\r\n\r\n本 Skill 的核心可靠性原则：**攻略永远要能生成出来**。网络、API、搜索任何一环出问题，都必须自动切换到备选方案，而不是中断报错、留下空白攻略。\r\n\r\n### 容错规则（必须遵守）\r\n\r\n1. **高德 API 调用失败**（无 Key / 网络超时 / 配额耗尽 / 返回错误）\r\n - 不中断生成，改用**估算值**：驾车距离 ≈ 直线距离 × 1.3；城区车速取 30 km/h、跨城取 60 km/h 估算用时。\r\n - 在路线条上明确标注「估算」字样，与真实数据区分。\r\n - 单点查询失败：跳过该点，继续其余行程，不卡住整个 Day。\r\n\r\n2. **联网搜索攻略失败**（网络异常 / 搜索服务不可用）\r\n - 不中断，改用**通用旅游知识**生成美食、避坑、酒店建议。\r\n - 在对应模块标注「基于通用知识，建议出行前再核实」。\r\n\r\n3. **交通班次查询失败**（无真实高铁/航班数据）\r\n - 改用估算（如\"约 2-3 小时车程\"）或提示用户自行查询，不阻塞生成。\r\n\r\n4. **单个脚本执行异常**\r\n - 脚本已设计为失败时返回结构化 `{\"status\":\"error\",\"fallback\":true}` 而非崩溃；AI 捕获后按上述规则降级，**绝不因一个工具失败导致整篇攻略空白**。\r\n\r\n5. **HTML 模块隔离**\r\n - 各模块（Hero / 交通 / 每日行程 / 美食 / 酒店 / 避坑 / 预算 / Tips）相互独立。\r\n - 任一模块数据缺失或生成失败时，**只跳过 / 降级该模块**，其余照常渲染，绝不整页空白或报错。\r\n - 降级数据需按下方规范加标识：估算值加「估算」标签，通用知识加「建议核实」提示。\r\n\r\n### 降级优先级\r\n\r\n```\r\n真实数据 > 启发式估算（标注\"估算\"） > 通用知识（标注\"建议核实\"） > 留空并提示用户补充\r\n```\r\n\r\n任何情况下，行程框架、酒店 / 美食 / 避坑 / 预算等模块都应**完整输出**。\r\n\r\n## 高德API配置（可选增强 · 不配置也能用）\r\n\r\n> 💡 **先放宽心**：这一节是**可选的增强项**，不是必做步骤。即使完全不配置高德 API，攻略照常生成——景点间距离和用时会自动用**估算值**代替，行程、酒店、美食、避坑、预算等模块都不受影响。只有你想让路线距离/用时更精准时才需要配置它。\r\n\r\n配置高德 API 后，攻略中的景点间距离、驾车/步行用时会是**真实数据**，路线规划更精准。不配置完全没问题，按需决定即可。\r\n\r\n### 第一步：注册并登录高德开放平台\r\n1. 打开 [高德开放平台控制台](https://lbs.amap.com/)\r\n2. 点击右上角「控制台」→ 用手机号 / 支付宝注册并登录（需完成**实名认证**，否则无法创建 Key）\r\n\r\n### 第二步：创建应用并申请 Key\r\n1. 进入「应用管理」→「我的应用」\r\n2. 点击「**创建新应用**」，填写应用名称（如\"旅游攻略\"），应用类型选「出行」或「其他」\r\n3. 在新建应用下点击「**添加 Key**」\r\n4. 关键填写项：\r\n - 名称：自定义（如 `route-key`）\r\n - **服务平台：必须选「Web 服务」**（脚本调用的是 REST API；不要选 Android / iOS / Web端(JS API)，否则类型不匹配会调用失败）\r\n5. 提交后，复制生成的 **Key 值**（一长串字母数字组合）\r\n\r\n### 第三步：配置 Key（推荐让 AI 帮你一键搞定）\r\n\r\n你**不需要自己敲命令**。拿到 Key 后，直接在对话里把 Key 告诉 AI，由它帮你写入环境变量：\r\n\r\n> 我的高德 Key 是 `你的key`，帮我配置好\r\n\r\nAI 会自动帮你把 `AMAP_KEY` 设置到系统用户环境变量里（永久生效），配置完直接说\"帮我生成 XX 攻略\"即可，无需你做任何额外操作。\r\n\r\n
\r\n想自己手动配置？（点击展开）\r\n\r\n脚本通过读取 `AMAP_KEY` 环境变量获取 Key，**请勿**把 Key 写进代码或聊天框。\r\n\r\n**Windows (PowerShell)：**\r\n```powershell\r\n# 当前会话临时生效\r\n$env:AMAP_KEY=\"你的key\"\r\n# 永久生效：系统属性 → 高级 → 环境变量 → 新建用户变量 AMAP_KEY\r\n```\r\n\r\n**Windows (CMD)：**\r\n```cmd\r\nset AMAP_KEY=你的key\r\n```\r\n\r\n**macOS / Linux：**\r\n```bash\r\nexport AMAP_KEY=\"你的key\"\r\n# 永久生效：写入 shell 配置文件\r\necho 'export AMAP_KEY=\"你的key\"' >> ~/.zshrc # 或 ~/.bashrc\r\n```\r\n\r\n> 也可在运行脚本时临时用 `--key` 参数传入，但不推荐长期使用。\r\n
\r\n\r\n### 第四步：验证配置\r\n```bash\r\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --city \"威海\"\r\n```\r\n能返回 `distance` / `duration` 即配置成功；若提示\"未设置 AMAP_KEY 环境变量\"说明未生效，请重做第三步。\r\n\r\n### 第五步：在对话中直接使用\r\n配置好后，直接让 AI 生成攻略即可**自动调用高德 API** 计算真实距离与用时，无需额外说明。也可显式提醒：\r\n> 用高德 API 帮我计算威海景点间的真实距离（Key 已配置）\r\n\r\n若未配置 Key，Skill 会自动改用估算值，攻略照常生成，不影响其他模块。\r\n\r\n### 免费额度与注意事项\r\n- 高德 Web 服务每日有免费调用额度（路径规划 / 距离测量 / 地理编码等），个人旅游规划通常足够，超量后需购买。\r\n- **Key 属敏感凭证**：请勿粘贴到公开聊天或提交到代码仓库；一旦泄露，请立即在控制台「删除」该 Key 并重新生成。\r\n- **海外城市**（如 Tokyo / Paris）高德 API 覆盖有限，此类目的地会自动回退为估算值并在攻略中标注。\r\n\r\n主要 API 接口：\r\n- **地理编码**: `https://restapi.amap.com/v3/geocode/geo` - 地址转经纬度\r\n- **路径规划**: `https://restapi.amap.com/v3/direction/driving` - 驾车路线\r\n- **距离测量**: `https://restapi.amap.com/v3/distance` - 直线 / 驾车距离\r\n- **POI 搜索**: `https://restapi.amap.com/v3/place/text` - 景点搜索\r\n\r\n## HTML模板结构\r\n\r\n> 🧩 **模块隔离容错**：各模块（Hero / 交通 / 每日行程 / 美食 / 酒店 / 避坑 / 预算 / Tips）相互独立。某个模块数据缺失或生成失败（如某 Day 卡片、某景点交通提示）时，**只跳过或降级该模块**，其余模块照常渲染，绝不因一处出错导致整页空白或报错。\r\n\r\n生成的HTML包含以下模块：\r\n\r\n### 1. Hero区域\r\n- 目的地标题\r\n- 标签（天数、风格、交通方式）\r\n- 渐变背景营造旅游氛围\r\n\r\n### 2. 右侧快速导航（PC端）\r\n- 固定在右侧，弱化显示（透明度0.4）\r\n- 鼠标悬停时高亮\r\n- 点击跳转到对应模块\r\n- 自动高亮当前浏览区域\r\n\r\n### 3. 可折叠模块\r\n- **Day卡片**：点击Day头部可折叠/展开\r\n- **其他模块**：点击标题可折叠/展开\r\n- **默认状态**：全部展开\r\n- 折叠图标：▼ 箭头指示状态\r\n\r\n### 4. 交通信息卡片\r\n- 高铁/飞机班次（真实数据）\r\n- 价格对比\r\n- 推荐标注\r\n\r\n### 3. 酒店推荐\r\n- 按住宿区域分类\r\n- 价格区间\r\n- 推荐理由\r\n- 与行程衔接说明\r\n\r\n### 4. 每日行程卡片\r\n- Day标题和路线概览\r\n- **[NEW] 酒店→景点路线**（第2天及以后）：在路线条最前面，添加从前一晚酒店到当日首个景点的路线规划（距离+用时）\r\n- 路线条（突出显示距离和用时）\r\n- 景点详情（名称、价格、描述、**景点间交通提示**——从上一个地点到这里的交通方式+用时，显示在景点名称行右侧）\r\n- 浪漫时刻提示\r\n- 避坑指南\r\n- 高德API标签（突出显示）\r\n- **[NEW] 推荐酒店住宿地**（每日晚餐推荐下方，仅需要住宿时）：推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明\r\n\r\n### 5. 美食推荐\r\n- 网格布局展示\r\n- 店名、人均价格、推荐理由\r\n- 来源标注（小红书/马蜂窝等）\r\n\r\n### 6. 避坑清单\r\n- 编号列表\r\n- 错误做法（删除线）\r\n- 正确做法（绿色高亮）\r\n\r\n### 7. 预算估算\r\n- 分类明细\r\n- 总计金额\r\n\r\n### 8. 浪漫Tips\r\n- 情侣专属建议\r\n- 拍照、穿搭、氛围建议\r\n\r\n## 脚本说明\r\n\r\n### scripts/amap_route.py\r\n计算两点间驾车距离和用时。\r\n\r\n```python\r\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --key YOUR_AMAP_KEY\r\n```\r\n\r\n输出示例：\r\n```json\r\n{\r\n \"distance\": \"8500\",\r\n \"duration\": \"1200\",\r\n \"distance_text\": \"8.5公里\",\r\n \"duration_text\": \"20分钟\"\r\n}\r\n```\r\n\r\n### scripts/search_guide.py\r\n搜索小红书/马蜂窝攻略内容。\r\n\r\n```python\r\npython scripts/search_guide.py --destination \"威海\" --query \"避坑\"\r\n```\r\n\r\n## 设计原则\r\n\r\n1. **行程不紧张** - 每天安排2-3个核心景点，留足休息时间\r\n2. **浪漫氛围** - 每个景点都有\"浪漫时刻\"提示\r\n3. **路线合理** - 使用高德API计算，确保衔接顺畅\r\n4. **真实准确** - 交通信息、价格、班次都要真实\r\n5. **详细实用** - 美食推荐多，避坑指南详细\r\n6. **美观大方** - HTML设计有旅游氛围，重点突出\r\n7. **语言一致** - 全文语言风格统一，专有名词处理得当\r\n\r\n## 移动端适配\r\n\r\nHTML模板已内置响应式设计：\r\n- 768px断点适配平板\r\n- 375px断点适配小屏手机\r\n- 触摸优化（44px最小点击区域）\r\n- 横向滚动支持（表格、标签栏）\r\n- **右侧导航**：屏幕宽度≤1024px时自动隐藏\r\n\r\n## 参考资源\r\n\r\n- HTML模板: `assets/template.html` - 完整HTML模板参考\r\n- 设计规范: `references/design-spec.md` - 配色、字体、布局规范\r\n- **[NEW] 每日行程卡片规范: `references/daily-itinerary-spec.md` - 酒店住宿推荐、酒店→景点路线条、**景点间交通提示**的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码**\r\n\r\n## 回复风格（给用户的话术规范）\r\n\r\n生成攻略后的回复，遵循以下原则，避免反复解释降级、给用户心理负担：\r\n\r\n- **正文不赘述降级**：行程 / 美食 / 酒店 / 避坑 / 预算等模块直接呈现，不要在回复里反复说\"未配置高德 API\"\"路线为估算值\"。HTML 内该加的「估算」标签照常加（见可靠性章节），但**回复文字里不解释**。\r\n- **结尾只轻提示一句**：仅在回复最末尾，用一句话温和引导即可，例如：\r\n > 💡 当前路线距离为估算哦，可以配置高德 API 生成更准确的路线。\r\n- **其他降级同理**：如联网搜索失败改用通用知识，也只在 HTML 内标注\"建议核实\"，回复文字不反复解释。\r\n- **核心态度**：让用户感觉攻略已经完整可用，增强项是\"锦上添花\"而非\"缺了不行\"。\n\nFile v1.0.7:README.md\n\n# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 Claw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时（可选增强，不配也能用）\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API (optional enhancement)\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n| 🌍 多语言支持 | Multi-language Support | 支持中/英/日/韩/法/德/西等13种语言输出，专有名词保留原文 |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n---\n\n## 📸 效果预览 | Preview\n\n生成的攻略 HTML 包含以下模块：\n\n```\n🌊 行程亮点（6个核心卖点）\n🚄 交通信息（高铁/飞机票价+推荐）\n📋 详细时间表（精确到分钟）\n📍 Day 1~N 每日行程卡片\n ├── 路线条（含距离和用时）\n ├── 景点详情（含交通提示、游玩时长）\n ├── 浪漫时刻 💕\n ├── 避坑提示 ⚠️\n └── 美食推荐 🍽️\n🏨 酒店住宿推荐\n⚠️ 避坑清单（12条）\n💰 预算估算\n💕 浪漫出行Tips\n```\n\n> 💡 **提示：** 效果图请查看本仓库的 `examples/` 目录（待补充）\n\n---\n\n## ⚙️ 高级配置（可选增强 · 不配置也能用）| Advanced Configuration (Optional)\n\n> 💡 **先放宽心**：高德 API 是**可选的增强项**，不是必做步骤。即使完全不配置，攻略照常生成——景点间距离和用时会自动用**估算值**代替，行程、酒店、美食、避坑、预算等模块都不受影响。只有你想让路线距离/用时更精准时才需要配置它。\n\n### 高德 API（可选）| Amap API (Optional)\n\n配置高德 Web 服务 API Key 后，可以**自动计算景点到景点之间的真实距离和驾车/步行用时**，路线规划更精准。\n\n**推荐：让 AI 帮你一键配置**\n你不需要自己敲命令。拿到 Key 后直接在对话里告诉 AI：\n> 我的高德 Key 是 `你的key`，帮我配置好\n\nAI 会自动把 `AMAP_KEY` 写入你的系统环境变量（永久生效），之后直接说\"生成 XX 攻略\"即可。\n\n**手动配置（想自己弄时）：**\n```bash\n# 设置环境变量\nexport AMAP_KEY=\"你的高德API Key\"\n\n# 或者在 OpenClaw 中告知 AI：\n# \"我的高德API Key是 xxx，生成攻略时帮我计算真实距离\"\n```\n\n> 申请地址：\n\n如果不配置，Skill 会使用近似距离估算，效果也很好 ✅\n\n---\n\n## 🍹 生成的攻略长什么样？| What does the guide look like?\n\n攻略文件是一个**独立的 HTML 文件**，特点：\n\n- 🎨 **渐变色主题**：每天一个配色，视觉层次分明\n- 📱 **移动端优化**：768px / 375px 断点自适应\n- 💕 **浪漫配色**：粉色/紫色渐变为主色调\n- 🖨️ **可打印**：浏览器\"打印\"即可保存为 PDF\n\n直接双击 HTML 文件在浏览器中打开，或分享给同行伙伴。\n\n---\n\n## 🌍 多语言支持 | Multi-language Support\n\n无论是中文用户还是海外游客，都能用母语生成攻略。本 Skill 支持 **13 种语言**输出，所有界面文本（标题、按钮、标签、提示）都会翻译为目标语言；专有名词（景点名、酒店名、店名）保留原文，可在括号中附注翻译。\n\n**支持的语言 | Supported Languages**\n\n| 语言代码 | 语言 | 示例请求 |\n|----------|------|----------|\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\n\n**语言如何自动识别？ | How the language is detected**\n\n- 🗣️ 你用某种语言提问 → 自动用该语言生成攻略\n- 🎯 你明确指定语言（如\"用英语生成\"、\"in English\"）→ 按指定语言生成\n- 🇨🇳 未指定且使用中文 → 默认简体中文\n\n> 💡 阿拉伯语等 RTL（从右到左）语言会自动在 HTML 中添加 `dir=\"rtl\"` 属性，排版自动适配。\n\n---\n\n## 🛠️ 技术架构 | Technical Architecture\n\n```\ntravel-guide-generator/\n├── SKILL.md # Skill 主文档\n├── assets/\n│ └── template.html # HTML 模板（含完整CSS）\n├── scripts/\n│ ├── amap_route.py # 高德API路线规划\n│ └── search_guide.py # 搜索攻略内容\n├── references/\n│ ├── design-spec.md # 设计规范\n│ └── daily-itinerary-spec.md # 每日行程HTML规范\n├── config.json # Skill 配置\n└── metadata.json # Skill 元数据\n```\n\n---\n\n## 🤝 贡献 | Contributing\n\n欢迎提交 PR！无论是：\n- 🐛 Bug 修复\n- ✨ 新功能（如：支持多人行程、增加亲子版本）\n- 🌍 增加更多城市模板\n- 📖 文档改进\n\nFork → Branch → PR，我们会尽快审核 🙌\n\n---\n\n## 📝 更新日志 | Changelog\n\n### v1.0.1（2026-05-19）\n- 🧭 新增右侧快速导航（PC端）\n- 📂 支持模块折叠（Day卡片、时间表、其他模块）\n- 🎨 优化导航颜色和样式\n- 🐛 修复Day卡片折叠不生效的问题\n\n### v1.0.0（2026-05-19）\n- 🎉 首次发布\n- ✅ 景点间交通提示（含距离/用时）\n- ✅ 酒店→景点路线条\n- ✅ 推荐酒店住宿地模块\n- ✅ 精确到分钟的详细时间表\n- ✅ 12条避坑清单\n- ✅ 游玩用时标注\n- ✅ PC/移动端自适应\n\n---\n\n## 📄 许可证 | License\n\nMIT License — 自由使用、修改和分发\n\n---\n\n## 👨‍💻 作者 | Author\n\n由 **QClaw 用户** 创建，发布到 ClawHub。\n\n- ClawHub: `clawhub install travel-guide-generator`\n- GitHub: https://github.com/GMMG55/travel-guide-generator\n- Issue 反馈：欢迎在 GitHub Issues 提出\n\n---\n\n

\n ⭐ 如果这个 Skill 对你有帮助，请在 ClawHub 上点个星！
\n ⭐ If this skill helps you, please star it on ClawHub!\n

\n\nFile v1.0.7:_meta.json\n\n{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"1.0.7\",\n \"publishedAt\": 1784603869657\n}\n\nFile v1.0.7:references/daily-itinerary-spec.md\n\n# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n
\n```\n\n## 三个新增模块详解\n\n### 1. 景点间交通提示（`.spot-transit`）\n\n**显示位置**：每个景点名称行右侧（`.spot-name` 内部或紧跟其后）\n**显示条件**：第一个景点不显示；从第二个景点开始，每个都显示从前一地点到这里的交通方式和时间\n**内容结构**：\n- 交通图标（🚗驾车 / 🚶步行 / 🚇地铁 / 🚌公交）\n- 出发地名称\n- 距离 + 用时\n\n**HTML结构**：\n```html\n🚗 从上一景点名出发 · 驾车 XXkm/XX分钟\n```\n\n**注意**：\n- Day2+ 的第一个景点，出发地应为前一晚酒店名称\n- Day1 的第一个景点不显示此提示\n- 交通方式根据实际情况选择（驾车/步行/地铁/公交/打车）\n- 高德API可用时，距离和时间使用实测数据\n- **高德API不可用 / 超时 / 失败时**（无 Key、网络异常、配额耗尽），距离和用时改为估算值，并必须在数值后追加 `估算` 标签，明确与实测数据区分：\n\n```html\n\n🚗 从上一景点出发 · 驾车 8.5km/20分钟\n\n\n🚗 从上一景点出发 · 驾车 约11km/25分钟估算\n```\n\n估算方法：驾车距离 ≈ 直线距离 × 1.3；城区车速取 30 km/h、跨城取 60 km/h 估算用时。\n\n### 估算标签（降级数据标识）\n\n当路线距离 / 用时为**估算值**（高德 API 不可用或调用失败）时，必须在以下位置的距离用时文本后追加 `.estimate-tag`：\n\n- **路线条**（`.route-bar`）中的 `→ 驾车 XXkm/XX分钟 →`\n- **酒店→景点路线条**（`.hotel-route-bar`）中的 `→ 驾车 XXkm/XX分钟 →`\n- **景点间交通提示**（`.spot-transit` 的 `.transit-time`）\n\n样式定义在 `design-spec.md` 的「估算标签」一节（灰底虚线边框、附 `估算` 文字）。该标签仅用于降级场景，**实测数据不加此标签**，以免误导用户。\n\n### 2. 推荐酒店住宿地模块（`.hotel-rec-section`）\n\n**显示位置**：每日行程卡片内部，晚餐美食推荐下方 \n**显示条件**：仅当需要住宿时（非当日往返） \n**内容结构**：\n- 标题：🏨 推荐酒店住宿地\n- 酒店网格（2列）：酒店区域名称、价格区间、推荐理由\n- 衔接说明：与次日行程的衔接说明\n\n**HTML结构**：\n```html\n
\n
🏨 推荐酒店住宿地
\n
\n
\n
酒店区域名称
\n
💰 价格区间
\n
推荐理由：......
\n
\n \n
\n
💡 衔接说明：......
\n
\n```\n\n### 3. 酒店→景点路线条模块（`.hotel-route-bar`）\n\n**显示位置**：Day2及以后每天的路线条（`.route-bar`）最前面 \n**显示条件**：每天需要住宿时（即不是第一天） \n**内容结构**：\n- 酒店名称（前一晚住宿地）\n- → 驾车 XXkm/XX分钟 →\n- 当日首个景点名称\n\n**HTML结构**：\n```html\n
\n \n 🏨 酒店名称\n → 驾车 XXkm/XX分钟 →\n 📍 首个景点名称\n
\n```\n\n## 数据填充说明\n\n两个新模块的数据需要从以下内容中获取：\n\n1. **酒店住宿推荐**：从搜索的攻略内容中提取酒店区域、价格、推荐理由\n2. **酒店→景点路线**：需要前一晚酒店位置 + 当日首个景点位置，使用高德API计算距离和用时；**API 失败则改用估算值并加「估算」标签**（见上方规范）\n\n## 高德API使用说明\n\n用于计算景点间距离和用时，无需地图显示功能：\n\n1. **路线规划API**：`https://restapi.amap.com/v3/direction/driving`（计算酒店→景点路线）\n2. **地理编码API**：`https://restapi.amap.com/v3/geocode/geo`（获取景点坐标）\n\n详见 `scripts/amap_route.py`。\n\nFile v1.0.7:references/design-spec.md\n\n# 旅游攻略HTML设计规范\n\n## 配色方案\n\n### 主色调\n- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)\n- **强调色**: `#f2719c` (粉红)\n- **警告色**: `#faad14` (金黄)\n- **成功色**: `#52c41a` (绿色)\n- **危险色**: `#ff4d4f` (红色)\n\n### 背景色\n- **页面背景**: `#f5f5f5`\n- **卡片背景**: `#ffffff`\n- **渐变背景**: \n - Day1: `#f6a085` → `#f2719c` (橙粉)\n - Day2: `#4facfe` → `#00f2fe` (蓝青)\n - Day3: `#a18cd1` → `#fbc2eb` (紫粉)\n - Day4: `#fddb92` → `#d1fdff` (黄青)\n\n### 文字色\n- **主文字**: `#333333`\n- **次文字**: `#666666`\n- **辅助文字**: `#888888`\n- **禁用文字**: `#bbbbbb`\n\n## 字体\n\n### 字体族\n```css\nfont-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;\n```\n\n### 字号规范\n- **大标题**: `2.2em` (Hero标题)\n- **标题**: `1.3em` (卡片标题)\n- **小标题**: `1.2em` (区域标题)\n- **正文**: `1em` (默认)\n- **小字**: `0.88em` (描述文字)\n- **辅助**: `0.82em` (标签、提示)\n\n## 布局\n\n### 容器\n```css\nmax-width: 780px;\nmargin: 0 auto;\npadding: 20px 16px 60px;\n```\n\n### 卡片\n```css\nbackground: #fff;\nborder-radius: 16px;\nbox-shadow: 0 2px 12px rgba(0,0,0,.06);\n```\n\n### 间距\n- **大间距**: `24px` (卡片间)\n- **中间距**: `16px` (区域内)\n- **小间距**: `12px` (元素间)\n- **微间距**: `8px` (紧凑元素)\n\n## 组件样式\n\n### 标签\n```css\nbackground: rgba(255,255,255,.2);\nbackdrop-filter: blur(6px);\ncolor: #fff;\npadding: 4px 14px;\nborder-radius: 20px;\nfont-size: .82em;\n```\n\n### 价格标签\n```css\nbackground: #fff3e0;\ncolor: #e65100;\nfont-size: .75em;\npadding: 1px 8px;\nborder-radius: 8px;\n```\n\n### 高德API标签\n```css\nbackground: linear-gradient(135deg, #667eea, #764ba2);\ncolor: #fff;\nfont-size: .7em;\npadding: 3px 10px;\nborder-radius: 8px;\nbox-shadow: 0 2px 8px rgba(102,126,234,.3);\n```\n\n### 估算标签（降级数据标识）\n```css\n/* 当路线距离/用时为估算值（API 不可用、超时或失败时）使用，明确告知用户非实测数据 */\n.estimate-tag {\n background: #f5f5f5;\n color: #999;\n border: 1px dashed #ccc;\n font-size: .7em;\n padding: 1px 8px;\n border-radius: 8px;\n margin-left: 4px;\n}\n```\n> 用法：在路线条 / 交通提示的距离用时文本后追加 `估算`。详见 `daily-itinerary-spec.md`。\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`\n\nFile v1.0.7:skill-card.md\n\n## Description:
\nTravel Guide Generator creates responsive, multilingual travel-guide HTML files and companion text itineraries for leisure travel requests, with optional AMap route calculations and fallback estimates when live data is unavailable.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[gmmg55](https://clawhub.ai/user/gmmg55)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nExternal users and travel planners use this skill to turn destination, trip length, departure city, and style preferences into an HTML travel guide plus a readable itinerary summary. It is aimed at leisure travel such as romantic, weekend, family, self-drive, and casual city trips, not booking, visa, business-travel, or payment workflows.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The skill documentation asks users to paste an AMap API key into chat and have the agent persist it, which could expose credentials.
\nMitigation: Configure AMAP_KEY directly through the shell, operating system environment settings, or a secret manager; avoid pasting secrets into chat and rotate any key that was exposed.
\nRisk: Travel routes, prices, restaurants, hotel areas, and transport details may be estimated or based on general travel knowledge when live lookup fails.
\nMitigation: Keep estimate and verification labels visible in the generated guide, and confirm bookings, prices, schedules, local conditions, and safety details with authoritative sources before travel.
\n\n\n## Reference(s):
\n- [Daily Itinerary HTML Specification](references/daily-itinerary-spec.md)
\n- [Travel Guide HTML Design Specification](references/design-spec.md)
\n- [AMap Open Platform](https://lbs.amap.com/)
\n- [AMap Geocoding API](https://restapi.amap.com/v3/geocode/geo)
\n- [AMap Driving Direction API](https://restapi.amap.com/v3/direction/driving)
\n- [AMap Distance API](https://restapi.amap.com/v3/distance)
\n- [AMap POI Search API](https://restapi.amap.com/v3/place/text)
\n\n\n## Skill Output:
\n**Output Type(s):** [Files, Text, Markdown, Code, Shell commands, Configuration, Guidance]
\n**Output Format:** [Responsive HTML file plus Markdown-style itinerary summary and optional JSON route/search helper output]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Generated travel details may include live AMap route data when AMAP_KEY is configured, or clearly labeled estimates and general travel knowledge when API or search data is unavailable.]
\n\n## Skill Version(s):
\n1.0.7 (source: server release evidence and metadata.json)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nFile v1.0.7:config.json\n\n{\r\n \"name\": \"travel-guide-generator\",\r\n \"version\": \"1.0.1\",\r\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\r\n \"author\": \"GMMG55\",\r\n \"repository\": \"\",\r\n \"update_url\": \"https://clawhub.example.com/travel-guide-generator/update.json\",\r\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\"],\r\n \"dependencies\": {\r\n \"python\": \">=3.8\",\r\n \"packages\": [\"requests\"]\r\n },\r\n \"env\": {\r\n \"AMAP_KEY\": {\r\n \"description\": \"高德Web服务API Key（可选，用于计算景点间距离和用时）\",\r\n \"required\": false\r\n }\r\n }\r\n}\n\nFile v1.0.7:metadata.json\n\n{\r\n \"name\": \"travel-guide-generator\",\r\n \"version\": \"1.0.7\",\r\n \"description\": \"旅游攻略生成器 - 当用户提出旅游规划需求时自动调用（如\\\"生成XX攻略\\\"、\\\"XX几天怎么玩\\\"、\\\"情侣/周末/自驾游怎么安排\\\"）。支持全球任意城市（示例城市仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成并提示拆分）。自动搜索真实攻略、高德API计算路线、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\",\r\n \"author\": \"GMMG55\",\r\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\", \"多语言\", \"multilingual\", \"日本\", \"韩国\", \"英语\", \"English\", \"旅行ガイド\"],\r\n \"dependencies\": {\r\n \"python\": \">=3.8\",\r\n \"pip\": [\"requests\"]\r\n },\r\n \"env\": {\r\n \"AMAP_KEY\": \"高德Web服务API Key（可选）\"\r\n },\r\n \"minQclawVersion\": \"1.0.0\"\r\n}\n\nArchive v1.0.6: 11 files, 26643 bytes\n\nFiles: assets/template.html (22403b), config.json (1051b), metadata.json (970b), README.md (7361b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), skill-card.md (2973b), SKILL.md (11040b), _meta.json (141b)\n\nFile v1.0.6:SKILL.md\n\n---\nname: travel-guide-generator\ndescription: 旅游攻略生成器 - 一键生成精美旅游攻略HTML。当用户需要制定旅游计划、生成旅游攻略、规划行程时使用。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等多语言输出。\n---\n\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\n\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\n\n## 多语言支持\n\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\n\n### 支持的语言\n\n| 语言代码 | 语言 | 示例请求 |\n|----------|------|----------|\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\n\n### 语言检测规则\n\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\n3. **未指定且使用中文** → 默认简体中文\n\n### 多语言生成规范\n\n- **HTML ``** 标签设置为对应语言代码\n- **所有面向用户的文本**全部翻译为目标语言，包括：\n - 页面标题、Hero区域\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\n - 交通信息卡片（高铁/飞机/推荐标注等）\n - 路线条文字（距离、用时、交通方式）\n - 景点名称、描述、价格标签\n - 浪漫时刻提示\n - 美食推荐（店名保留原文，描述翻译）\n - 避坑清单（错误做法/正确做法）\n - 预算估算（分类名称、总计）\n - Tips标题和内容\n - 酒店推荐区域\n - 折叠提示文字\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\n- **价格和数字**使用当地货币格式\n- **CSS样式**不变，只改变文本内容\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\n\n### 对话回复规范（重要！）\n\n**回复顺序（必须遵守）：**\n1. **先生成HTML文件** → 提示用户文件已生成（路径/链接）\n2. **然后提供详细文字版攻略** → 在对话最后放上完整文字版，方便用户快速浏览\n\n**文字版攻略必须包括：**\n\n1. **行程总览** — 每天的主题和核心景点（3-5行）\n2. **必打卡亮点** — 最值得去的3-5个地方，附一句话说明为什么\n3. **美食推荐** — 列出5-8家餐厅/小吃，含人均价格、必点菜、推荐理由\n4. **酒店推荐** — 2-3个住宿区域，附价格区间和推荐理由\n5. **避坑指南** — 最关键的3-5条避坑建议（精简易懂）\n6. **预算估算** — 经济型/舒适型两种总预算\n7. **浪漫Tips**（如适用）— 情侣专属建议\n8. **交通提示** — 如何到达、当地交通方式推荐\n\n回复风格：详细、有温度、像朋友在推荐。不要只说\"已生成攻略\"就结束。\n\n#### 示例（生成大理攻略后的对话回复）\n\n```\n✅ 大理2天浪漫攻略已生成！\n\n**HTML文件已生成**：`C:\\Users\\...\\大理2天浪漫攻略.html`\n\n您可以直接打开这个文件查看精美的旅游攻略（PC/移动端自适应，带右侧快速导航）。\n\n---\n\n## 📱 详细文字版攻略（方便快速浏览）\n\n### 🏔️ 行程总览\n- Day1：古城漫步 → 三塔倒影 → 洱海日落（龙龛码头）\n- Day2：喜洲古镇（麦田/转角楼）→ 周城扎染 → 环海东路S湾 → 双廊\n\n## ✨ 必打卡\n1. 龙龛码头日落 — 金光洒满洱海，苍山作背景，一生必看！\n2. 喜洲麦田 — 春夏绿/秋天金，宫崎骏动画即视感\n3. S湾公路 — 洱海+苍山同框，大理最出片的地方\n4. 周城扎染 — 一起做方巾，成品当情侣信物带走\n\n## 🍜 美食推荐（详细版见HTML）\n- 喜洲破酥粑粑 ¥10-15（现烤现卖，甜/咸两种都好吃！）\n- 梅子井酒家 ¥50-70/人（百年梅子树院子，雕梅扣肉一绝）\n- 洱海渔家 ¥60-80/人（白族风味，砂锅鱼+乳扇羹）\n\n## 🏨 住宿推荐\n- 古城内民宿 ¥200-500/晚（白族庭院，推荐\"既下山\"）\n- 洱海边精品 ¥600-1500/晚（推窗见洱海，浪漫值爆表）\n\n## ⚠️ 关键避坑\n- 不要在景区买银器/茶叶，套路深！去周城正规作坊买扎染\n- 环海不要中午去，紫外线超强！早9前或下午4后\n- 人民路\"野生导游\"不要理，会带你去购物点\n\n## 💰 预算\n- 经济型：¥800-1200/人 ｜ 舒适型：¥1500-2500/人\n```\n\n### 示例\n\n用户说：\"Generate a 3-day romantic travel guide for Kyoto from Tokyo\"\n\n生成的HTML应：\n- ``\n- 标题：\"Kyoto 3-Day Romantic Getaway\"\n- 导航：\"Day 1\"、\"Transport\"、\"Timeline\"、\"Tips\"等\n- 景点描述全英文\n- 店名保留日文：\"Nishiki Market（錦市場）\"\n- 价格显示：\"¥1,500 JPY\"\n\n## 核心功能\n\n1. **在线搜索真实攻略** - 搜索全网获取真实用户评价和推荐\n2. **高德API路线计算** - 计算景点间距离、用时，突出显示路线衔接（无需地图显示）\n3. **精美HTML生成** - 旅游氛围设计，PC/移动端自适应\n4. **详细行程规划** - 每日路线、酒店、美食、避坑指南\n5. **多语言输出** - 支持中/英/日/韩/法/德/西等13种语言\n\n## 使用方法\n\n### 基础用法\n\n用户只需提供：\n- **目的地**：如\"威海\"、\"大理\"\n- **天数**：如\"4天\"\n- **出发地**：如\"北京\"（可选）\n- **风格偏好**：如\"浪漫\"、\"休闲\"（可选）\n\n示例请求：\n```\n帮我生成一个威海4天旅游攻略，从北京出发，浪漫休闲风格\n```\n\n### 工作流程\n\n1. **收集需求** - 确认目的地、天数、出发地、风格偏好\n2. **搜索攻略** - 使用在线搜索工具搜索全网攻略\n3. **查询交通** - 查询高铁/飞机真实班次和价格\n4. **计算路线** - 使用高德API计算景点间距离和用时\n5. **生成HTML** - 使用模板生成精美HTML文档\n\n## 高德API配置\n\n使用高德API需要key，配置方式：\n1. 申请高德Web服务API key: https://lbs.amap.com/\n2. 设置环境变量: `AMAP_KEY=your_key`\n\n主要API接口：\n- **路径规划**: `https://restapi.amap.com/v3/direction/driving` - 驾车路线\n- **距离测量**: `https://restapi.amap.com/v3/distance` - 直线/驾车距离\n- **POI搜索**: `https://restapi.amap.com/v3/place/text` - 景点搜索\n\n## HTML模板结构\n\n生成的HTML包含以下模块：\n\n### 1. Hero区域\n- 目的地标题\n- 标签（天数、风格、交通方式）\n- 渐变背景营造旅游氛围\n\n### 2. 右侧快速导航（PC端）\n- 固定在右侧，弱化显示（透明度0.4）\n- 鼠标悬停时高亮\n- 点击跳转到对应模块\n- 自动高亮当前浏览区域\n\n### 3. 可折叠模块\n- **Day卡片**：点击Day头部可折叠/展开\n- **其他模块**：点击标题可折叠/展开\n- **默认状态**：全部展开\n- 折叠图标：▼ 箭头指示状态\n\n### 4. 交通信息卡片\n- 高铁/飞机班次（真实数据）\n- 价格对比\n- 推荐标注\n\n### 3. 酒店推荐\n- 按住宿区域分类\n- 价格区间\n- 推荐理由\n- 与行程衔接说明\n\n### 4. 每日行程卡片\n- Day标题和路线概览\n- **[NEW] 酒店→景点路线**（第2天及以后）：在路线条最前面，添加从前一晚酒店到当日首个景点的路线规划（距离+用时）\n- 路线条（突出显示距离和用时）\n- 景点详情（名称、价格、描述、**景点间交通提示**——从上一个地点到这里的交通方式+用时，显示在景点名称行右侧）\n- 浪漫时刻提示\n- 避坑指南\n- 高德API标签（突出显示）\n- **[NEW] 推荐酒店住宿地**（每日晚餐推荐下方，仅需要住宿时）：推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明\n\n### 5. 美食推荐\n- 网格布局展示\n- 店名、人均价格、推荐理由\n- 来源标注（小红书/马蜂窝）\n\n### 6. 避坑清单\n- 编号列表\n- 错误做法（删除线）\n- 正确做法（绿色高亮）\n\n### 7. 预算估算\n- 分类明细\n- 总计金额\n\n### 8. 浪漫Tips\n- 情侣专属建议\n- 拍照、穿搭、氛围建议\n\n## 脚本说明\n\n### scripts/amap_route.py\n计算两点间驾车距离和用时。\n\n```python\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --key YOUR_AMAP_KEY\n```\n\n输出示例：\n```json\n{\n \"distance\": \"8500\",\n \"duration\": \"1200\",\n \"distance_text\": \"8.5公里\",\n \"duration_text\": \"20分钟\"\n}\n```\n\n### scripts/search_guide.py\n搜索小红书/马蜂窝攻略内容。\n\n```python\npython scripts/search_guide.py --destination \"威海\" --query \"避坑\"\n```\n\n## 设计原则\n\n1. **行程不紧张** - 每天安排2-3个核心景点，留足休息时间\n2. **浪漫氛围** - 每个景点都有\"浪漫时刻\"提示\n3. **路线合理** - 使用高德API计算，确保衔接顺畅\n4. **真实准确** - 交通信息、价格、班次都要真实\n5. **详细实用** - 美食推荐多，避坑指南详细\n6. **美观大方** - HTML设计有旅游氛围，重点突出\n7. **语言一致** - 全文语言风格统一，专有名词处理得当\n\n## 移动端适配\n\nHTML模板已内置响应式设计：\n- 768px断点适配平板\n- 375px断点适配小屏手机\n- 触摸优化（44px最小点击区域）\n- 横向滚动支持（表格、标签栏）\n- **右侧导航**：屏幕宽度≤1024px时自动隐藏\n\n## 参考资源\n\n- HTML模板: `assets/template.html` - 完整HTML模板参考\n- 设计规范: `references/design-spec.md` - 配色、字体、布局规范\n- **[NEW] 每日行程卡片规范: `references/daily-itinerary-spec.md` - 酒店住宿推荐、酒店→景点路线条、**景点间交通提示**的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码**\n\nFile v1.0.6:README.md\n\n# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 QClaw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n---\n\n## 📸 效果预览 | Preview\n\n生成的攻略 HTML 包含以下模块：\n\n```\n🌊 行程亮点（6个核心卖点）\n🚄 交通信息（高铁/飞机票价+推荐）\n📋 详细时间表（精确到分钟）\n📍 Day 1~N 每日行程卡片\n ├── 路线条（含距离和用时）\n ├── 景点详情（含交通提示、游玩时长）\n ├── 浪漫时刻 💕\n ├── 避坑提示 ⚠️\n └── 美食推荐 🍽️\n🏨 酒店住宿推荐\n⚠️ 避坑清单（12条）\n💰 预算估算\n💕 浪漫出行Tips\n```\n\n> 💡 **提示：** 效果图请查看本仓库的 `examples/` 目录（待补充）\n\n---\n\n## ⚙️ 高级配置 | Advanced Configuration\n\n### 高德 API（可选）| Amap API (Optional)\n\n配置高德 Web 服务 API Key 后，可以**自动计算景点到景点之间的真实距离和驾车/步行用时**，路线规划更精准：\n\n```bash\n# 设置环境变量\nexport AMAP_KEY=\"你的高德API Key\"\n\n# 或者在 OpenClaw 中告知 AI：\n# \"我的高德API Key是 xxx，生成攻略时帮我计算真实距离\"\n```\n\n> 申请地址：\n\n如果不配置，Skill 会使用近似距离估算，效果也很好 ✅\n\n---\n\n## 🍹 生成的攻略长什么样？| What does the guide look like?\n\n攻略文件是一个**独立的 HTML 文件**，特点：\n\n- 🎨 **渐变色主题**：每天一个配色，视觉层次分明\n- 📱 **移动端优化**：768px / 375px 断点自适应\n- 💕 **浪漫配色**：粉色/紫色渐变为主色调\n- 🖨️ **可打印**：浏览器\"打印\"即可保存为 PDF\n\n直接双击 HTML 文件在浏览器中打开，或分享给同行伙伴。\n\n---\n\n## 🛠️ 技术架构 | Technical Architecture\n\n```\ntravel-guide-generator/\n├── SKILL.md # Skill 主文档\n├── assets/\n│ └── template.html # HTML 模板（含完整CSS）\n├── scripts/\n│ ├── amap_route.py # 高德API路线规划\n│ └── search_guide.py # 搜索攻略内容\n├── references/\n│ ├── design-spec.md # 设计规范\n│ └── daily-itinerary-spec.md # 每日行程HTML规范\n├── config.json # Skill 配置\n└── metadata.json # Skill 元数据\n```\n\n---\n\n## 🤝 贡献 | Contributing\n\n欢迎提交 PR！无论是：\n- 🐛 Bug 修复\n- ✨ 新功能（如：支持多人行程、增加亲子版本）\n- 🌍 增加更多城市模板\n- 📖 文档改进\n\nFork → Branch → PR，我们会尽快审核 🙌\n\n---\n\n## 📝 更新日志 | Changelog\n\n### v1.0.1（2026-05-19）\n- 🧭 新增右侧快速导航（PC端）\n- 📂 支持模块折叠（Day卡片、时间表、其他模块）\n- 🎨 优化导航颜色和样式\n- 🐛 修复Day卡片折叠不生效的问题\n\n### v1.0.0（2026-05-19）\n- 🎉 首次发布\n- ✅ 景点间交通提示（含距离/用时）\n- ✅ 酒店→景点路线条\n- ✅ 推荐酒店住宿地模块\n- ✅ 精确到分钟的详细时间表\n- ✅ 12条避坑清单\n- ✅ 游玩用时标注\n- ✅ PC/移动端自适应\n\n---\n\n## 📄 许可证 | License\n\nMIT License — 自由使用、修改和分发\n\n---\n\n## 👨‍💻 作者 | Author\n\n由 **QClaw 用户** 创建，发布到 ClawHub。\n\n- ClawHub: `clawhub install travel-guide-generator`\n- GitHub: https://github.com/GMMG55/travel-guide-generator\n- Issue 反馈：欢迎在 GitHub Issues 提出\n\n---\n\n

\n ⭐ 如果这个 Skill 对你有帮助，请在 ClawHub 上点个星！
\n ⭐ If this skill helps you, please star it on ClawHub!\n

\n\nFile v1.0.6:_meta.json\n\n{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"1.0.6\",\n \"publishedAt\": 1780044887071\n}\n\nFile v1.0.6:references/daily-itinerary-spec.md\n\n# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n
\n```\n\n## 三个新增模块详解\n\n### 1. 景点间交通提示（`.spot-transit`）\n\n**显示位置**：每个景点名称行右侧（`.spot-name` 内部或紧跟其后）\n**显示条件**：第一个景点不显示；从第二个景点开始，每个都显示从前一地点到这里的交通方式和时间\n**内容结构**：\n- 交通图标（🚗驾车 / 🚶步行 / 🚇地铁 / 🚌公交）\n- 出发地名称\n- 距离 + 用时\n\n**HTML结构**：\n```html\n🚗 从上一景点名出发 · 驾车 XXkm/XX分钟\n```\n\n**注意**：\n- Day2+ 的第一个景点，出发地应为前一晚酒店名称\n- Day1 的第一个景点不显示此提示\n- 交通方式根据实际情况选择（驾车/步行/地铁/公交/打车）\n- 如果高德API可用，距离和时间使用实测数据\n\n### 2. 推荐酒店住宿地模块（`.hotel-rec-section`）\n\n**显示位置**：每日行程卡片内部，晚餐美食推荐下方 \n**显示条件**：仅当需要住宿时（非当日往返） \n**内容结构**：\n- 标题：🏨 推荐酒店住宿地\n- 酒店网格（2列）：酒店区域名称、价格区间、推荐理由\n- 衔接说明：与次日行程的衔接说明\n\n**HTML结构**：\n```html\n
\n
🏨 推荐酒店住宿地
\n
\n
\n
酒店区域名称
\n
💰 价格区间
\n
推荐理由：......
\n
\n \n
\n
💡 衔接说明：......
\n
\n```\n\n### 3. 酒店→景点路线条模块（`.hotel-route-bar`）\n\n**显示位置**：Day2及以后每天的路线条（`.route-bar`）最前面 \n**显示条件**：每天需要住宿时（即不是第一天） \n**内容结构**：\n- 酒店名称（前一晚住宿地）\n- → 驾车 XXkm/XX分钟 →\n- 当日首个景点名称\n\n**HTML结构**：\n```html\n
\n \n 🏨 酒店名称\n → 驾车 XXkm/XX分钟 →\n 📍 首个景点名称\n
\n```\n\n## 数据填充说明\n\n两个新模块的数据需要从以下内容中获取：\n\n1. **酒店住宿推荐**：从搜索的攻略内容中提取酒店区域、价格、推荐理由\n2. **酒店→景点路线**：需要前一晚酒店位置 + 当日首个景点位置，使用高德API计算距离和用时\n\n## 高德API使用说明\n\n用于计算景点间距离和用时，无需地图显示功能：\n\n1. **路线规划API**：`https://restapi.amap.com/v3/direction/driving`（计算酒店→景点路线）\n2. **地理编码API**：`https://restapi.amap.com/v3/geocode/geo`（获取景点坐标）\n\n详见 `scripts/amap_route.py`。\n\nFile v1.0.6:references/design-spec.md\n\n# 旅游攻略HTML设计规范\n\n## 配色方案\n\n### 主色调\n- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)\n- **强调色**: `#f2719c` (粉红)\n- **警告色**: `#faad14` (金黄)\n- **成功色**: `#52c41a` (绿色)\n- **危险色**: `#ff4d4f` (红色)\n\n### 背景色\n- **页面背景**: `#f5f5f5`\n- **卡片背景**: `#ffffff`\n- **渐变背景**: \n - Day1: `#f6a085` → `#f2719c` (橙粉)\n - Day2: `#4facfe` → `#00f2fe` (蓝青)\n - Day3: `#a18cd1` → `#fbc2eb` (紫粉)\n - Day4: `#fddb92` → `#d1fdff` (黄青)\n\n### 文字色\n- **主文字**: `#333333`\n- **次文字**: `#666666`\n- **辅助文字**: `#888888`\n- **禁用文字**: `#bbbbbb`\n\n## 字体\n\n### 字体族\n```css\nfont-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;\n```\n\n### 字号规范\n- **大标题**: `2.2em` (Hero标题)\n- **标题**: `1.3em` (卡片标题)\n- **小标题**: `1.2em` (区域标题)\n- **正文**: `1em` (默认)\n- **小字**: `0.88em` (描述文字)\n- **辅助**: `0.82em` (标签、提示)\n\n## 布局\n\n### 容器\n```css\nmax-width: 780px;\nmargin: 0 auto;\npadding: 20px 16px 60px;\n```\n\n### 卡片\n```css\nbackground: #fff;\nborder-radius: 16px;\nbox-shadow: 0 2px 12px rgba(0,0,0,.06);\n```\n\n### 间距\n- **大间距**: `24px` (卡片间)\n- **中间距**: `16px` (区域内)\n- **小间距**: `12px` (元素间)\n- **微间距**: `8px` (紧凑元素)\n\n## 组件样式\n\n### 标签\n```css\nbackground: rgba(255,255,255,.2);\nbackdrop-filter: blur(6px);\ncolor: #fff;\npadding: 4px 14px;\nborder-radius: 20px;\nfont-size: .82em;\n```\n\n### 价格标签\n```css\nbackground: #fff3e0;\ncolor: #e65100;\nfont-size: .75em;\npadding: 1px 8px;\nborder-radius: 8px;\n```\n\n### 高德API标签\n```css\nbackground: linear-gradient(135deg, #667eea, #764ba2);\ncolor: #fff;\nfont-size: .7em;\npadding: 3px 10px;\nborder-radius: 8px;\nbox-shadow: 0 2px 8px rgba(102,126,234,.3);\n```\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`\n\nFile v1.0.6:skill-card.md\n\n## Description:
\nTravel Guide Generator helps users create multilingual, responsive HTML travel guides with daily itineraries, route timing, hotel and food recommendations, budget estimates, and practical travel tips.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[gmmg55](https://clawhub.ai/user/gmmg55)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nExternal users and travel planners use this skill to turn destination, duration, departure city, and style preferences into a detailed travel guide. It is intended for itinerary planning, route estimation, hotel and food recommendations, avoid-list guidance, and shareable HTML output.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Travel details may be sent to external search services and Amap during guide generation.
\nMitigation: Review whether the destination, route, and itinerary details are appropriate to share with those services before using live lookups.
\nRisk: The skill can require a sensitive Amap API key for route calculations.
\nMitigation: Provide the key through a scoped, revocable environment variable or secret manager, avoid pasting it into chat, and rotate any key that was exposed.
\nRisk: Generated travel recommendations, prices, schedules, and route timing can be incomplete or outdated.
\nMitigation: Verify important reservations, opening hours, transportation options, and safety-sensitive travel details against authoritative current sources before relying on the guide.
\n\n\n## Reference(s):
\n- [ClawHub Skill Page](https://clawhub.ai/gmmg55/travel-guide-generator)
\n- [README](README.md)
\n- [Daily Itinerary Specification](references/daily-itinerary-spec.md)
\n- [Design Specification](references/design-spec.md)
\n- [Amap Web Service API](https://lbs.amap.com/)
\n- [Amap Driving Route API](https://restapi.amap.com/v3/direction/driving)
\n- [Amap Distance API](https://restapi.amap.com/v3/distance)
\n- [Amap POI Search API](https://restapi.amap.com/v3/place/text)
\n\n\n## Skill Output:
\n**Output Type(s):** [Text, Markdown, Code, Files, Shell commands, Configuration, Guidance]
\n**Output Format:** [Responsive HTML file plus Markdown or text itinerary summary; helper scripts may emit JSON route or search-query data.]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [May use an optional AMAP_KEY environment variable for Amap route calculations; without it, route details may rely on estimates or other available sources.]
\n\n## Skill Version(s):
\n1.0.6 (source: server release metadata)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nFile v1.0.6:config.json\n\n{\n \"name\": \"travel-guide-generator\",\n \"version\": \"1.0.1\",\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\n \"author\": \"GMMG55\",\n \"repository\": \"\",\n \"update_url\": \"https://clawhub.example.com/travel-guide-generator/update.json\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\"],\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"packages\": [\"requests\"]\n },\n \"env\": {\n \"AMAP_KEY\": {\n \"description\": \"高德Web服务API Key（可选，用于计算景点间距离和用时）\",\n \"required\": false\n }\n }\n}\n\nFile v1.0.6:metadata.json\n\n{\n \"name\": \"travel-guide-generator\",\n \"version\": \"1.0.1\",\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\n \"author\": \"GMMG55\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\", \"多语言\", \"multilingual\", \"日本\", \"韩国\", \"英语\", \"English\", \"旅行ガイド\"],\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"pip\": [\"requests\"]\n },\n \"env\": {\n \"AMAP_KEY\": \"高德Web服务API Key（可选）\"\n },\n \"minQclawVersion\": \"1.0.0\"\n}\n\nArchive v1.0.5: 11 files, 26493 bytes\n\nFiles: assets/template.html (22403b), config.json (1051b), metadata.json (970b), README.md (7361b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), skill-card.md (3021b), SKILL.md (10658b), _meta.json (141b)\n\nFile v1.0.5:SKILL.md\n\n---\nname: travel-guide-generator\ndescription: 旅游攻略生成器 - 一键生成精美旅游攻略HTML。当用户需要制定旅游计划、生成旅游攻略、规划行程时使用。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等多语言输出。\n---\n\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\n\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\n\n## 多语言支持\n\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\n\n### 支持的语言\n\n| 语言代码 | 语言 | 示例请求 |\n|----------|------|----------|\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\n\n### 语言检测规则\n\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\n3. **未指定且使用中文** → 默认简体中文\n\n### 多语言生成规范\n\n- **HTML ``** 标签设置为对应语言代码\n- **所有面向用户的文本**全部翻译为目标语言，包括：\n - 页面标题、Hero区域\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\n - 交通信息卡片（高铁/飞机/推荐标注等）\n - 路线条文字（距离、用时、交通方式）\n - 景点名称、描述、价格标签\n - 浪漫时刻提示\n - 美食推荐（店名保留原文，描述翻译）\n - 避坑清单（错误做法/正确做法）\n - 预算估算（分类名称、总计）\n - Tips标题和内容\n - 酒店推荐区域\n - 折叠提示文字\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\n- **价格和数字**使用当地货币格式\n- **CSS样式**不变，只改变文本内容\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\n\n### 对话回复规范（重要！）\n\n生成HTML文件后，**必须在对话中提供详细文字版攻略**，不能只给一个文件。回复内容应包括：\n\n1. **行程总览** — 每天的主题和核心景点（3-5行）\n2. **必打卡亮点** — 最值得去的3-5个地方，附一句话说明为什么\n3. **美食推荐** — 列出5-8家餐厅/小吃，含人均价格、必点菜、推荐理由\n4. **酒店推荐** — 2-3个住宿区域，附价格区间和推荐理由\n5. **避坑指南** — 最关键的3-5条避坑建议（精简易懂）\n6. **预算估算** — 经济型/舒适型两种总预算\n7. **浪漫Tips**（如适用）— 情侣专属建议\n8. **交通提示** — 如何到达、当地交通方式推荐\n\n回复风格：详细、有温度、像朋友在推荐。不要只说\"已生成攻略\"就结束。\n\n#### 示例（生成大理攻略后的对话回复）\n\n```\n✅ 大理2天浪漫攻略已生成！\n\n## 🏔️ 行程总览\n- Day1：古城漫步 → 三塔倒影 → 洱海日落（龙龛码头）\n- Day2：喜洲古镇（麦田/转角楼）→ 周城扎染 → 环海东路S湾 → 双廊\n\n## ✨ 必打卡\n1. 龙龛码头日落 — 金光洒满洱海，苍山作背景，一生必看！\n2. 喜洲麦田 — 春夏绿/秋天金，宫崎骏动画即视感\n3. S湾公路 — 洱海+苍山同框，大理最出片的地方\n4. 周城扎染 — 一起做方巾，成品当情侣信物带走\n\n## 🍜 美食推荐（详细版见HTML）\n- 喜洲破酥粑粑 ¥10-15（现烤现卖，甜/咸两种都好吃！）\n- 梅子井酒家 ¥50-70/人（百年梅子树院子，雕梅扣肉一绝）\n- 洱海渔家 ¥60-80/人（白族风味，砂锅鱼+乳扇羹）\n\n## 🏨 住宿推荐\n- 古城内民宿 ¥200-500/晚（白族庭院，推荐\"既下山\"）\n- 洱海边精品 ¥600-1500/晚（推窗见洱海，浪漫值爆表）\n\n## ⚠️ 关键避坑\n- 不要在景区买银器/茶叶，套路深！去周城正规作坊买扎染\n- 环海不要中午去，紫外线超强！早9前或下午4后\n- 人民路\"野生导游\"不要理，会带你去购物点\n\n## 💰 预算\n- 经济型：¥800-1200/人 ｜ 舒适型：¥1500-2500/人\n```\n\n### 示例\n\n用户说：\"Generate a 3-day romantic travel guide for Kyoto from Tokyo\"\n\n生成的HTML应：\n- ``\n- 标题：\"Kyoto 3-Day Romantic Getaway\"\n- 导航：\"Day 1\"、\"Transport\"、\"Timeline\"、\"Tips\"等\n- 景点描述全英文\n- 店名保留日文：\"Nishiki Market（錦市場）\"\n- 价格显示：\"¥1,500 JPY\"\n\n## 核心功能\n\n1. **在线搜索真实攻略** - 搜索全网获取真实用户评价和推荐\n2. **高德API路线计算** - 计算景点间距离、用时，突出显示路线衔接（无需地图显示）\n3. **精美HTML生成** - 旅游氛围设计，PC/移动端自适应\n4. **详细行程规划** - 每日路线、酒店、美食、避坑指南\n5. **多语言输出** - 支持中/英/日/韩/法/德/西等13种语言\n\n## 使用方法\n\n### 基础用法\n\n用户只需提供：\n- **目的地**：如\"威海\"、\"大理\"\n- **天数**：如\"4天\"\n- **出发地**：如\"北京\"（可选）\n- **风格偏好**：如\"浪漫\"、\"休闲\"（可选）\n\n示例请求：\n```\n帮我生成一个威海4天旅游攻略，从北京出发，浪漫休闲风格\n```\n\n### 工作流程\n\n1. **收集需求** - 确认目的地、天数、出发地、风格偏好\n2. **搜索攻略** - 使用在线搜索工具搜索全网攻略\n3. **查询交通** - 查询高铁/飞机真实班次和价格\n4. **计算路线** - 使用高德API计算景点间距离和用时\n5. **生成HTML** - 使用模板生成精美HTML文档\n\n## 高德API配置\n\n使用高德API需要key，配置方式：\n1. 申请高德Web服务API key: https://lbs.amap.com/\n2. 设置环境变量: `AMAP_KEY=your_key`\n\n主要API接口：\n- **路径规划**: `https://restapi.amap.com/v3/direction/driving` - 驾车路线\n- **距离测量**: `https://restapi.amap.com/v3/distance` - 直线/驾车距离\n- **POI搜索**: `https://restapi.amap.com/v3/place/text` - 景点搜索\n\n## HTML模板结构\n\n生成的HTML包含以下模块：\n\n### 1. Hero区域\n- 目的地标题\n- 标签（天数、风格、交通方式）\n- 渐变背景营造旅游氛围\n\n### 2. 右侧快速导航（PC端）\n- 固定在右侧，弱化显示（透明度0.4）\n- 鼠标悬停时高亮\n- 点击跳转到对应模块\n- 自动高亮当前浏览区域\n\n### 3. 可折叠模块\n- **Day卡片**：点击Day头部可折叠/展开\n- **其他模块**：点击标题可折叠/展开\n- **默认状态**：全部展开\n- 折叠图标：▼ 箭头指示状态\n\n### 4. 交通信息卡片\n- 高铁/飞机班次（真实数据）\n- 价格对比\n- 推荐标注\n\n### 3. 酒店推荐\n- 按住宿区域分类\n- 价格区间\n- 推荐理由\n- 与行程衔接说明\n\n### 4. 每日行程卡片\n- Day标题和路线概览\n- **[NEW] 酒店→景点路线**（第2天及以后）：在路线条最前面，添加从前一晚酒店到当日首个景点的路线规划（距离+用时）\n- 路线条（突出显示距离和用时）\n- 景点详情（名称、价格、描述、**景点间交通提示**——从上一个地点到这里的交通方式+用时，显示在景点名称行右侧）\n- 浪漫时刻提示\n- 避坑指南\n- 高德API标签（突出显示）\n- **[NEW] 推荐酒店住宿地**（每日晚餐推荐下方，仅需要住宿时）：推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明\n\n### 5. 美食推荐\n- 网格布局展示\n- 店名、人均价格、推荐理由\n- 来源标注（小红书/马蜂窝）\n\n### 6. 避坑清单\n- 编号列表\n- 错误做法（删除线）\n- 正确做法（绿色高亮）\n\n### 7. 预算估算\n- 分类明细\n- 总计金额\n\n### 8. 浪漫Tips\n- 情侣专属建议\n- 拍照、穿搭、氛围建议\n\n## 脚本说明\n\n### scripts/amap_route.py\n计算两点间驾车距离和用时。\n\n```python\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --key YOUR_AMAP_KEY\n```\n\n输出示例：\n```json\n{\n \"distance\": \"8500\",\n \"duration\": \"1200\",\n \"distance_text\": \"8.5公里\",\n \"duration_text\": \"20分钟\"\n}\n```\n\n### scripts/search_guide.py\n搜索小红书/马蜂窝攻略内容。\n\n```python\npython scripts/search_guide.py --destination \"威海\" --query \"避坑\"\n```\n\n## 设计原则\n\n1. **行程不紧张** - 每天安排2-3个核心景点，留足休息时间\n2. **浪漫氛围** - 每个景点都有\"浪漫时刻\"提示\n3. **路线合理** - 使用高德API计算，确保衔接顺畅\n4. **真实准确** - 交通信息、价格、班次都要真实\n5. **详细实用** - 美食推荐多，避坑指南详细\n6. **美观大方** - HTML设计有旅游氛围，重点突出\n7. **语言一致** - 全文语言风格统一，专有名词处理得当\n\n## 移动端适配\n\nHTML模板已内置响应式设计：\n- 768px断点适配平板\n- 375px断点适配小屏手机\n- 触摸优化（44px最小点击区域）\n- 横向滚动支持（表格、标签栏）\n- **右侧导航**：屏幕宽度≤1024px时自动隐藏\n\n## 参考资源\n\n- HTML模板: `assets/template.html` - 完整HTML模板参考\n- 设计规范: `references/design-spec.md` - 配色、字体、布局规范\n- **[NEW] 每日行程卡片规范: `references/daily-itinerary-spec.md` - 酒店住宿推荐、酒店→景点路线条、**景点间交通提示**的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码**\n\nFile v1.0.5:README.md\n\n# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 QClaw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n---\n\n## 📸 效果预览 | Preview\n\n生成的攻略 HTML 包含以下模块：\n\n```\n🌊 行程亮点（6个核心卖点）\n🚄 交通信息（高铁/飞机票价+推荐）\n📋 详细时间表（精确到分钟）\n📍 Day 1~N 每日行程卡片\n ├── 路线条（含距离和用时）\n ├── 景点详情（含交通提示、游玩时长）\n ├── 浪漫时刻 💕\n ├── 避坑提示 ⚠️\n └── 美食推荐 🍽️\n🏨 酒店住宿推荐\n⚠️ 避坑清单（12条）\n💰 预算估算\n💕 浪漫出行Tips\n```\n\n> 💡 **提示：** 效果图请查看本仓库的 `examples/` 目录（待补充）\n\n---\n\n## ⚙️ 高级配置 | Advanced Configuration\n\n### 高德 API（可选）| Amap API (Optional)\n\n配置高德 Web 服务 API Key 后，可以**自动计算景点到景点之间的真实距离和驾车/步行用时**，路线规划更精准：\n\n```bash\n# 设置环境变量\nexport AMAP_KEY=\"你的高德API Key\"\n\n# 或者在 OpenClaw 中告知 AI：\n# \"我的高德API Key是 xxx，生成攻略时帮我计算真实距离\"\n```\n\n> 申请地址：\n\n如果不配置，Skill 会使用近似距离估算，效果也很好 ✅\n\n---\n\n## 🍹 生成的攻略长什么样？| What does the guide look like?\n\n攻略文件是一个**独立的 HTML 文件**，特点：\n\n- 🎨 **渐变色主题**：每天一个配色，视觉层次分明\n- 📱 **移动端优化**：768px / 375px 断点自适应\n- 💕 **浪漫配色**：粉色/紫色渐变为主色调\n- 🖨️ **可打印**：浏览器\"打印\"即可保存为 PDF\n\n直接双击 HTML 文件在浏览器中打开，或分享给同行伙伴。\n\n---\n\n## 🛠️ 技术架构 | Technical Architecture\n\n```\ntravel-guide-generator/\n├── SKILL.md # Skill 主文档\n├── assets/\n│ └── template.html # HTML 模板（含完整CSS）\n├── scripts/\n│ ├── amap_route.py # 高德API路线规划\n│ └── search_guide.py # 搜索攻略内容\n├── references/\n│ ├── design-spec.md # 设计规范\n│ └── daily-itinerary-spec.md # 每日行程HTML规范\n├── config.json # Skill 配置\n└── metadata.json # Skill 元数据\n```\n\n---\n\n## 🤝 贡献 | Contributing\n\n欢迎提交 PR！无论是：\n- 🐛 Bug 修复\n- ✨ 新功能（如：支持多人行程、增加亲子版本）\n- 🌍 增加更多城市模板\n- 📖 文档改进\n\nFork → Branch → PR，我们会尽快审核 🙌\n\n---\n\n## 📝 更新日志 | Changelog\n\n### v1.0.1（2026-05-19）\n- 🧭 新增右侧快速导航（PC端）\n- 📂 支持模块折叠（Day卡片、时间表、其他模块）\n- 🎨 优化导航颜色和样式\n- 🐛 修复Day卡片折叠不生效的问题\n\n### v1.0.0（2026-05-19）\n- 🎉 首次发布\n- ✅ 景点间交通提示（含距离/用时）\n- ✅ 酒店→景点路线条\n- ✅ 推荐酒店住宿地模块\n- ✅ 精确到分钟的详细时间表\n- ✅ 12条避坑清单\n- ✅ 游玩用时标注\n- ✅ PC/移动端自适应\n\n---\n\n## 📄 许可证 | License\n\nMIT License — 自由使用、修改和分发\n\n---\n\n## 👨‍💻 作者 | Author\n\n由 **QClaw 用户** 创建，发布到 ClawHub。\n\n- ClawHub: `clawhub install travel-guide-generator`\n- GitHub: https://github.com/GMMG55/travel-guide-generator\n- Issue 反馈：欢迎在 GitHub Issues 提出\n\n---\n\n

\n ⭐ 如果这个 Skill 对你有帮助，请在 ClawHub 上点个星！
\n ⭐ If this skill helps you, please star it on ClawHub!\n

\n\nFile v1.0.5:_meta.json\n\n{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"1.0.5\",\n \"publishedAt\": 1780044330499\n}\n\nFile v1.0.5:references/daily-itinerary-spec.md\n\n# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n
\n```\n\n## 三个新增模块详解\n\n### 1. 景点间交通提示（`.spot-transit`）\n\n**显示位置**：每个景点名称行右侧（`.spot-name` 内部或紧跟其后）\n**显示条件**：第一个景点不显示；从第二个景点开始，每个都显示从前一地点到这里的交通方式和时间\n**内容结构**：\n- 交通图标（🚗驾车 / 🚶步行 / 🚇地铁 / 🚌公交）\n- 出发地名称\n- 距离 + 用时\n\n**HTML结构**：\n```html\n🚗 从上一景点名出发 · 驾车 XXkm/XX分钟\n```\n\n**注意**：\n- Day2+ 的第一个景点，出发地应为前一晚酒店名称\n- Day1 的第一个景点不显示此提示\n- 交通方式根据实际情况选择（驾车/步行/地铁/公交/打车）\n- 如果高德API可用，距离和时间使用实测数据\n\n### 2. 推荐酒店住宿地模块（`.hotel-rec-section`）\n\n**显示位置**：每日行程卡片内部，晚餐美食推荐下方 \n**显示条件**：仅当需要住宿时（非当日往返） \n**内容结构**：\n- 标题：🏨 推荐酒店住宿地\n- 酒店网格（2列）：酒店区域名称、价格区间、推荐理由\n- 衔接说明：与次日行程的衔接说明\n\n**HTML结构**：\n```html\n
\n
🏨 推荐酒店住宿地
\n
\n
\n
酒店区域名称
\n
💰 价格区间
\n
推荐理由：......
\n
\n \n
\n
💡 衔接说明：......
\n
\n```\n\n### 3. 酒店→景点路线条模块（`.hotel-route-bar`）\n\n**显示位置**：Day2及以后每天的路线条（`.route-bar`）最前面 \n**显示条件**：每天需要住宿时（即不是第一天） \n**内容结构**：\n- 酒店名称（前一晚住宿地）\n- → 驾车 XXkm/XX分钟 →\n- 当日首个景点名称\n\n**HTML结构**：\n```html\n
\n \n 🏨 酒店名称\n → 驾车 XXkm/XX分钟 →\n 📍 首个景点名称\n
\n```\n\n## 数据填充说明\n\n两个新模块的数据需要从以下内容中获取：\n\n1. **酒店住宿推荐**：从搜索的攻略内容中提取酒店区域、价格、推荐理由\n2. **酒店→景点路线**：需要前一晚酒店位置 + 当日首个景点位置，使用高德API计算距离和用时\n\n## 高德API使用说明\n\n用于计算景点间距离和用时，无需地图显示功能：\n\n1. **路线规划API**：`https://restapi.amap.com/v3/direction/driving`（计算酒店→景点路线）\n2. **地理编码API**：`https://restapi.amap.com/v3/geocode/geo`（获取景点坐标）\n\n详见 `scripts/amap_route.py`。\n\nFile v1.0.5:references/design-spec.md\n\n# 旅游攻略HTML设计规范\n\n## 配色方案\n\n### 主色调\n- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)\n- **强调色**: `#f2719c` (粉红)\n- **警告色**: `#faad14` (金黄)\n- **成功色**: `#52c41a` (绿色)\n- **危险色**: `#ff4d4f` (红色)\n\n### 背景色\n- **页面背景**: `#f5f5f5`\n- **卡片背景**: `#ffffff`\n- **渐变背景**: \n - Day1: `#f6a085` → `#f2719c` (橙粉)\n - Day2: `#4facfe` → `#00f2fe` (蓝青)\n - Day3: `#a18cd1` → `#fbc2eb` (紫粉)\n - Day4: `#fddb92` → `#d1fdff` (黄青)\n\n### 文字色\n- **主文字**: `#333333`\n- **次文字**: `#666666`\n- **辅助文字**: `#888888`\n- **禁用文字**: `#bbbbbb`\n\n## 字体\n\n### 字体族\n```css\nfont-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;\n```\n\n### 字号规范\n- **大标题**: `2.2em` (Hero标题)\n- **标题**: `1.3em` (卡片标题)\n- **小标题**: `1.2em` (区域标题)\n- **正文**: `1em` (默认)\n- **小字**: `0.88em` (描述文字)\n- **辅助**: `0.82em` (标签、提示)\n\n## 布局\n\n### 容器\n```css\nmax-width: 780px;\nmargin: 0 auto;\npadding: 20px 16px 60px;\n```\n\n### 卡片\n```css\nbackground: #fff;\nborder-radius: 16px;\nbox-shadow: 0 2px 12px rgba(0,0,0,.06);\n```\n\n### 间距\n- **大间距**: `24px` (卡片间)\n- **中间距**: `16px` (区域内)\n- **小间距**: `12px` (元素间)\n- **微间距**: `8px` (紧凑元素)\n\n## 组件样式\n\n### 标签\n```css\nbackground: rgba(255,255,255,.2);\nbackdrop-filter: blur(6px);\ncolor: #fff;\npadding: 4px 14px;\nborder-radius: 20px;\nfont-size: .82em;\n```\n\n### 价格标签\n```css\nbackground: #fff3e0;\ncolor: #e65100;\nfont-size: .75em;\npadding: 1px 8px;\nborder-radius: 8px;\n```\n\n### 高德API标签\n```css\nbackground: linear-gradient(135deg, #667eea, #764ba2);\ncolor: #fff;\nfont-size: .7em;\npadding: 3px 10px;\nborder-radius: 8px;\nbox-shadow: 0 2px 8px rgba(102,126,234,.3);\n```\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`\n\nFile v1.0.5:skill-card.md\n\n## Description:
\nGenerates detailed, multilingual travel-guide HTML and companion itinerary text with daily plans, lodging, food, budget, transportation, and trip-risk tips.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[gmmg55](https://clawhub.ai/user/gmmg55)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nExternal users and travel-planning agents use this skill to turn destination, duration, departure city, and trip-style preferences into a practical travel guide. It is intended for itinerary planning that may include web research, Amap route estimates, hotel and food recommendations, budget ranges, and a shareable responsive HTML guide.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The skill may require an Amap API key for route calculations.
\nMitigation: Store AMAP_KEY in an environment variable or platform secret manager, and do not paste API keys into chat or command-line arguments.
\nRisk: Travel details may be sent to external search providers and Amap while gathering recommendations or route data.
\nMitigation: Avoid unnecessary sensitive personal travel details, and confirm that the external providers are acceptable for the planned use.
\nRisk: Generated HTML and itinerary guidance may include outdated, inaccurate, or unsuitable travel details.
\nMitigation: Review the generated HTML and written itinerary before opening, sharing, booking, or relying on routes, prices, schedules, hotels, or safety advice.
\n\n\n## Reference(s):
\n- [Travel Guide Generator on ClawHub](https://clawhub.ai/gmmg55/travel-guide-generator)
\n- [Amap Web Service API](https://lbs.amap.com/)
\n- [Amap Driving Direction API](https://restapi.amap.com/v3/direction/driving)
\n- [Amap Distance API](https://restapi.amap.com/v3/distance)
\n- [Amap POI Search API](https://restapi.amap.com/v3/place/text)
\n- [Travel Guide HTML Design Specification](references/design-spec.md)
\n- [Daily Itinerary Card Specification](references/daily-itinerary-spec.md)
\n\n\n## Skill Output:
\n**Output Type(s):** [Text, Markdown, HTML, Shell commands, Configuration guidance]
\n**Output Format:** [Conversation text plus a standalone responsive HTML travel guide; helper scripts can emit JSON for route and search-query data.]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Generated guides may include multilingual text, itinerary sections, route estimates, lodging and food recommendations, budget ranges, and review-before-use travel guidance.]
\n\n## Skill Version(s):
\n1.0.5 (source: ClawHub release evidence; artifact metadata reports 1.0.1)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nFile v1.0.5:config.json\n\n{\n \"name\": \"travel-guide-generator\",\n \"version\": \"1.0.1\",\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\n \"author\": \"GMMG55\",\n \"repository\": \"\",\n \"update_url\": \"https://clawhub.example.com/travel-guide-generator/update.json\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\"],\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"packages\": [\"requests\"]\n },\n \"env\": {\n \"AMAP_KEY\": {\n \"description\": \"高德Web服务API Key（可选，用于计算景点间距离和用时）\",\n \"required\": false\n }\n }\n}\n\nFile v1.0.5:metadata.json\n\n{\n \"name\": \"travel-guide-generator\",\n \"version\": \"1.0.1\",\n \"description\": \"旅游攻略生成器 - 一键生成精美旅游攻略HTML。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等13种语言输出。\",\n \"author\": \"GMMG55\",\n \"tags\": [\"travel\", \"旅游\", \"攻略\", \"行程规划\", \"guide\", \"html\", \"vacation\", \"romantic\", \"情侣\", \"周末\", \"自驾\", \"威海\", \"大理\", \"厦门\", \"青岛\", \"多语言\", \"multilingual\", \"日本\", \"韩国\", \"英语\", \"English\", \"旅行ガイド\"],\n \"dependencies\": {\n \"python\": \">=3.8\",\n \"pip\": [\"requests\"]\n },\n \"env\": {\n \"AMAP_KEY\": \"高德Web服务API Key（可选）\"\n },\n \"minQclawVersion\": \"1.0.0\"\n}\n\nArchive v1.0.4: 11 files, 26358 bytes\n\nFiles: assets/template.html (22403b), config.json (1051b), metadata.json (970b), README.md (7361b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), skill-card.md (2650b), SKILL.md (10658b), _meta.json (141b)\n\nFile v1.0.4:SKILL.md\n\n---\nname: travel-guide-generator\ndescription: 旅游攻略生成器 - 一键生成精美旅游攻略HTML。当用户需要制定旅游计划、生成旅游攻略、规划行程时使用。支持：国内外城市（威海/青岛/大连/大理/厦门等）、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等多语言输出。\n---\n\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\n\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\n\n## 多语言支持\n\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\n\n### 支持的语言\n\n| 语言代码 | 语言 | 示例请求 |\n|----------|------|----------|\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\n\n### 语言检测规则\n\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\n3. **未指定且使用中文** → 默认简体中文\n\n### 多语言生成规范\n\n- **HTML ``** 标签设置为对应语言代码\n- **所有面向用户的文本**全部翻译为目标语言，包括：\n - 页面标题、Hero区域\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\n - 交通信息卡片（高铁/飞机/推荐标注等）\n - 路线条文字（距离、用时、交通方式）\n - 景点名称、描述、价格标签\n - 浪漫时刻提示\n - 美食推荐（店名保留原文，描述翻译）\n - 避坑清单（错误做法/正确做法）\n - 预算估算（分类名称、总计）\n - Tips标题和内容\n - 酒店推荐区域\n - 折叠提示文字\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\n- **价格和数字**使用当地货币格式\n- **CSS样式**不变，只改变文本内容\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\n\n### 对话回复规范（重要！）\n\n生成HTML文件后，**必须在对话中提供详细文字版攻略**，不能只给一个文件。回复内容应包括：\n\n1. **行程总览** — 每天的主题和核心景点（3-5行）\n2. **必打卡亮点** — 最值得去的3-5个地方，附一句话说明为什么\n3. **美食推荐** — 列出5-8家餐厅/小吃，含人均价格、必点菜、推荐理由\n4. **酒店推荐** — 2-3个住宿区域，附价格区间和推荐理由\n5. **避坑指南** — 最关键的3-5条避坑建议（精简易懂）\n6. **预算估算** — 经济型/舒适型两种总预算\n7. **浪漫Tips**（如适用）— 情侣专属建议\n8. **交通提示** — 如何到达、当地交通方式推荐\n\n回复风格：详细、有温度、像朋友在推荐。不要只说\"已生成攻略\"就结束。\n\n#### 示例（生成大理攻略后的对话回复）\n\n```\n✅ 大理2天浪漫攻略已生成！\n\n## 🏔️ 行程总览\n- Day1：古城漫步 → 三塔倒影 → 洱海日落（龙龛码头）\n- Day2：喜洲古镇（麦田/转角楼）→ 周城扎染 → 环海东路S湾 → 双廊\n\n## ✨ 必打卡\n1. 龙龛码头日落 — 金光洒满洱海，苍山作背景，一生必看！\n2. 喜洲麦田 — 春夏绿/秋天金，宫崎骏动画即视感\n3. S湾公路 — 洱海+苍山同框，大理最出片的地方\n4. 周城扎染 — 一起做方巾，成品当情侣信物带走\n\n## 🍜 美食推荐（详细版见HTML）\n- 喜洲破酥粑粑 ¥10-15（现烤现卖，甜/咸两种都好吃！）\n- 梅子井酒家 ¥50-70/人（百年梅子树院子，雕梅扣肉一绝）\n- 洱海渔家 ¥60-80/人（白族风味，砂锅鱼+乳扇羹）\n\n## 🏨 住宿推荐\n- 古城内民宿 ¥200-500/晚（白族庭院，推荐\"既下山\"）\n- 洱海边精品 ¥600-1500/晚（推窗见洱海，浪漫值爆表）\n\n## ⚠️ 关键避坑\n- 不要在景区买银器/茶叶，套路深！去周城正规作坊买扎染\n- 环海不要中午去，紫外线超强！早9前或下午4后\n- 人民路\"野生导游\"不要理，会带你去购物点\n\n## 💰 预算\n- 经济型：¥800-1200/人 ｜ 舒适型：¥1500-2500/人\n```\n\n### 示例\n\n用户说：\"Generate a 3-day romantic travel guide for Kyoto from Tokyo\"\n\n生成的HTML应：\n- ``\n- 标题：\"Kyoto 3-Day Romantic Getaway\"\n- 导航：\"Day 1\"、\"Transport\"、\"Timeline\"、\"Tips\"等\n- 景点描述全英文\n- 店名保留日文：\"Nishiki Market（錦市場）\"\n- 价格显示：\"¥1,500 JPY\"\n\n## 核心功能\n\n1. **在线搜索真实攻略** - 搜索全网获取真实用户评价和推荐\n2. **高德API路线计算** - 计算景点间距离、用时，突出显示路线衔接（无需地图显示）\n3. **精美HTML生成** - 旅游氛围设计，PC/移动端自适应\n4. **详细行程规划** - 每日路线、酒店、美食、避坑指南\n5. **多语言输出** - 支持中/英/日/韩/法/德/西等13种语言\n\n## 使用方法\n\n### 基础用法\n\n用户只需提供：\n- **目的地**：如\"威海\"、\"大理\"\n- **天数**：如\"4天\"\n- **出发地**：如\"北京\"（可选）\n- **风格偏好**：如\"浪漫\"、\"休闲\"（可选）\n\n示例请求：\n```\n帮我生成一个威海4天旅游攻略，从北京出发，浪漫休闲风格\n```\n\n### 工作流程\n\n1. **收集需求** - 确认目的地、天数、出发地、风格偏好\n2. **搜索攻略** - 使用在线搜索工具搜索全网攻略\n3. **查询交通** - 查询高铁/飞机真实班次和价格\n4. **计算路线** - 使用高德API计算景点间距离和用时\n5. **生成HTML** - 使用模板生成精美HTML文档\n\n## 高德API配置\n\n使用高德API需要key，配置方式：\n1. 申请高德Web服务API key: https://lbs.amap.com/\n2. 设置环境变量: `AMAP_KEY=your_key`\n\n主要API接口：\n- **路径规划**: `https://restapi.amap.com/v3/direction/driving` - 驾车路线\n- **距离测量**: `https://restapi.amap.com/v3/distance` - 直线/驾车距离\n- **POI搜索**: `https://restapi.amap.com/v3/place/text` - 景点搜索\n\n## HTML模板结构\n\n生成的HTML包含以下模块：\n\n### 1. Hero区域\n- 目的地标题\n- 标签（天数、风格、交通方式）\n- 渐变背景营造旅游氛围\n\n### 2. 右侧快速导航（PC端）\n- 固定在右侧，弱化显示（透明度0.4）\n- 鼠标悬停时高亮\n- 点击跳转到对应模块\n- 自动高亮当前浏览区域\n\n### 3. 可折叠模块\n- **Day卡片**：点击Day头部可折叠/展开\n- **其他模块**：点击标题可折叠/展开\n- **默认状态**：全部展开\n- 折叠图标：▼ 箭头指示状态\n\n### 4. 交通信息卡片\n- 高铁/飞机班次（真实数据）\n- 价格对比\n- 推荐标注\n\n### 3. 酒店推荐\n- 按住宿区域分类\n- 价格区间\n- 推荐理由\n- 与行程衔接说明\n\n### 4. 每日行程卡片\n- Day标题和路线概览\n- **[NEW] 酒店→景点路线**（第2天及以后）：在路线条最前面，添加从前一晚酒店到当日首个景点的路线规划（距离+用时）\n- 路线条（突出显示距离和用时）\n- 景点详情（名称、价格、描述、**景点间交通提示**——从上一个地点到这里的交通方式+用时，显示在景点名称行右侧）\n- 浪漫时刻提示\n- 避坑指南\n- 高德API标签（突出显示）\n- **[NEW] 推荐酒店住宿地**（每日晚餐推荐下方，仅需要住宿时）：推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明\n\n### 5. 美食推荐\n- 网格布局展示\n- 店名、人均价格、推荐理由\n- 来源标注（小红书/马蜂窝）\n\n### 6. 避坑清单\n- 编号列表\n- 错误做法（删除线）\n- 正确做法（绿色高亮）\n\n### 7. 预算估算\n- 分类明细\n- 总计金额\n\n### 8. 浪漫Tips\n- 情侣专属建议\n- 拍照、穿搭、氛围建议\n\n## 脚本说明\n\n### scripts/amap_route.py\n计算两点间驾车距离和用时。\n\n```python\npython scripts/amap_route.py --origin \"威海公园\" --destination \"火炬八街\" --key YOUR_AMAP_KEY\n```\n\n输出示例：\n```json\n{\n \"distance\": \"8500\",\n \"duration\": \"1200\",\n \"distance_text\": \"8.5公里\",\n \"duration_text\": \"20分钟\"\n}\n```\n\n### scripts/search_guide.py\n搜索小红书/马蜂窝攻略内容。\n\n```python\npython scripts/search_guide.py --destination \"威海\" --query \"避坑\"\n```\n\n## 设计原则\n\n1. **行程不紧张** - 每天安排2-3个核心景点，留足休息时间\n2. **浪漫氛围** - 每个景点都有\"浪漫时刻\"提示\n3. **路线合理** - 使用高德API计算，确保衔接顺畅\n4. **真实准确** - 交通信息、价格、班次都要真实\n5. **详细实用** - 美食推荐多，避坑指南详细\n6. **美观大方** - HTML设计有旅游氛围，重点突出\n7. **语言一致** - 全文语言风格统一，专有名词处理得当\n\n## 移动端适配\n\nHTML模板已内置响应式设计：\n- 768px断点适配平板\n- 375px断点适配小屏手机\n- 触摸优化（44px最小点击区域）\n- 横向滚动支持（表格、标签栏）\n- **右侧导航**：屏幕宽度≤1024px时自动隐藏\n\n## 参考资源\n\n- HTML模板: `assets/template.html` - 完整HTML模板参考\n- 设计规范: `references/design-spec.md` - 配色、字体、布局规范\n- **[NEW] 每日行程卡片规范: `references/daily-itinerary-spec.md` - 酒店住宿推荐、酒店→景点路线条、**景点间交通提示**的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码**\n\nFile v1.0.4:README.md\n\n# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 QClaw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n---\n\n## 📸 效果预览 | Preview\n\n生成的攻略 HTML 包含以下模块：\n\n```\n🌊 行程亮点（6个核心卖点）\n🚄 交通信息（高铁/飞机票价+推荐）\n📋 详细时间表（精确到分钟）\n📍 Day 1~N 每日行程卡片\n ├── 路线条（含距离和用时）\n ├── 景点详情（含交通提示、游玩时长）\n ├── 浪漫时刻 💕\n ├── 避坑提示 ⚠️\n └── 美食推荐 🍽️\n🏨 酒店住宿推荐\n⚠️ 避坑清单（12条）\n💰 预算估算\n💕 浪漫出行Tips\n```\n\n> 💡 **提示：** 效果图请查看本仓库的 `examples/` 目录（待补充）\n\n---\n\n## ⚙️ 高级配置 | Advanced Configuration\n\n### 高德 API（可选）| Amap API (Optional)\n\n配置高德 Web 服务 API Key 后，可以**自动计算景点到景点之间的真实距离和驾车/步行用时**，路线规划更精准：\n\n```bash\n# 设置环境变量\nexport AMAP_KEY=\"你的高德API Key\"\n\n# 或者在 OpenClaw 中告知 AI：\n# \"我的高德API Key是 xxx，生成攻略时帮我计算真实距离\"\n```\n\n> 申请地址：\n\n如果不配置，Skill 会使用近似距离估算，效果也很好 ✅\n\n---\n\n## 🍹 生成的攻略长什么样？| What does the guide look like?\n\n攻略文件是一个**独立的 HTML 文件**，特点：\n\n- 🎨 **渐变色主题**：每天一个配色，视觉层次分明\n- 📱 **移动端优化**：768px / 375px 断点自适应\n- 💕 **浪漫配色**：粉色/紫色渐变为主色调\n- 🖨️ **可打印**：浏览器\"打印\"即可保存为 PDF\n\n直接双击 HTML 文件在浏览器中打开，或分享给同行伙伴。\n\n---\n\n## 🛠️ 技术架构 | Technical Architecture\n\n```\ntravel-guide-generator/\n├── SKILL.md # Skill 主文档\n├── assets/\n│ └── template.html # HTML 模板（含完整CSS）\n├── scripts/\n│ ├── amap_route.py # 高德API路线规划\n│ └── search_guide.py # 搜索攻略内容\n├── references/\n│ ├── design-spec.md # 设计规范\n│ └── daily-itinerary-spec.md # 每日行程HTML规范\n├── config.json # Skill 配置\n└── metadata.json # Skill 元数据\n```\n\n---\n\n## 🤝 贡献 | Contributing\n\n欢迎提交 PR！无论是：\n- 🐛 Bug 修复\n- ✨ 新功能（如：支持多人行程、增加亲子版本）\n- 🌍 增加更多城市模板\n- 📖 文档改进\n\nFork → Branch → PR，我们会尽快审核 🙌\n\n---\n\n## 📝 更新日志 | Changelog\n\n### v1.0.1（2026-05-19）\n- 🧭 新增右侧快速导航（PC端）\n- 📂 支持模块折叠（Day卡片、时间表、其他模块）\n- 🎨 优化导航颜色和样式\n- 🐛 修复Day卡片折叠不生效的问题\n\n### v1.0.0（2026-05-19）\n- 🎉 首次发布\n- ✅ 景点间交通提示（含距离/用时）\n- ✅ 酒店→景点路线条\n- ✅ 推荐酒店住宿地模块\n- ✅ 精确到分钟的详细时间表\n- ✅ 12条避坑清单\n- ✅ 游玩用时标注\n- ✅ PC/移动端自适应\n\n---\n\n## 📄 许可证 | License\n\nMIT License — 自由使用、修改和分发\n\n---\n\n## 👨‍💻 作者 | Author\n\n由 **QClaw 用户** 创建，发布到 ClawHub。\n\n- ClawHub: `clawhub install travel-guide-generator`\n- GitHub: https://github.com/GMMG55/travel-guide-generator\n- Issue 反馈：欢迎在 GitHub Issues 提出\n\n---\n\n

\n ⭐ 如果这个 Skill 对你有帮助，请在 ClawHub 上点个星！
\n ⭐ If this skill helps you, please star it on ClawHub!\n

\n\nFile v1.0.4:_meta.json\n\n{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"1.0.4\",\n \"publishedAt\": 1780044153289\n}\n\nFile v1.0.4:references/daily-itinerary-spec.md\n\n# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n
\n```\n\n## 三个新增模块详解\n\n### 1. 景点间交通提示（`.spot-transit`）\n\n**显示位置**：每个景点名称行右侧（`.spot-name` 内部或紧跟其后）\n**显示条件**：第一个景点不显示；从第二个景点开始，每个都显示从前一地点到这里的交通方式和时间\n**内容结构**：\n- 交通图标（🚗驾车 / 🚶步行 / 🚇地铁 / 🚌公交）\n- 出发地名称\n- 距离 + 用时\n\n**HTML结构**：\n```html\n🚗 从上一景点名出发 · 驾车 XXkm/XX分钟\n```\n\n**注意**：\n- Day2+ 的第一个景点，出发地应为前一晚酒店名称\n- Day1 的第一个景点不显示此提示\n- 交通方式根据实际情况选择（驾车/步行/地铁/公交/打车）\n- 如果高德API可用，距离和时间使用实测数据\n\n### 2. 推荐酒店住宿地模块（`.hotel-rec-section`）\n\n**显示位置**：每日行程卡片内部，晚餐美食推荐下方 \n**显示条件**：仅当需要住宿时（非当日往返） \n**内容结构**：\n- 标题：🏨 推荐酒店住宿地\n- 酒店网格（2列）：酒店区域名称、价格区间、推荐理由\n- 衔接说明：与次日行程的衔接说明\n\n**HTML结构**：\n```html\n
\n
🏨 推荐酒店住宿地
\n
\n
\n
酒店区域名称
\n
💰 价格区间
\n
推荐理由：......
\n
\n \n
\n
💡 衔接说明：......
\n
\n```\n\n### 3. 酒店→景点路线条模块（`.hotel-route-bar`）\n\n**显示位置**：Day2及以后每天的路线条（`.route-bar`）最前面 \n**显示条件**：每天需要住宿时（即不是第一天） \n**内容结构**：\n- 酒店名称（前一晚住宿地）\n- → 驾车 XXkm/XX分钟 →\n- 当日首个景点名称\n\n**HTML结构**：\n```html\n
\n \n 🏨 酒店名称\n → 驾车 XXkm/XX分钟 →\n 📍 首个景点名称\n
\n```\n\n## 数据填充说明\n\n两个新模块的数据需要从以下内容中获取：\n\n1. **酒店住宿推荐**：从搜索的攻略内容中提取酒店区域、价格、推荐理由\n2. **酒店→景点路线**：需要前一晚酒店位置 + 当日首个景点位置，使用高德API计算距离和用时\n\n## 高德API使用说明\n\n用于计算景点间距离和用时，无需地图显示功能：\n\n1. **路线规划API**：`https://restapi.amap.com/v3/direction/driving`（计算酒店→景点路线）\n2. **地理编码API**：`https://restapi.amap.com/v3/geocode/geo`（获取景点坐标）\n\n详见 `scripts/amap_route.py`。\n\nFile v1.0.4:references/design-spec.md\n\n# 旅游攻略HTML设计规范\n\n## 配色方案\n\n### 主色调\n- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)\n- **强调色**: `#f2719c` (粉红)\n- **警告色**: `#faad14` (金黄)\n- **成功色**: `#52c41a` (绿色)\n- **危险色**: `#ff4d4f` (红色)\n\n### 背景色\n- **页面背景**: `#f5f5f5`\n- **卡片背景**: `#ffffff`\n- **渐变背景**: \n - Day1: `#f6a085` → `#f2719c` (橙粉)\n - Day2: `#4facfe` → `#00f2fe` (蓝青)\n - Day3: `#a18cd1` → `#fbc2eb` (紫粉)\n - Day4: `#fddb92` → `#d1fdff` (黄青)\n\n### 文字色\n- **主文字**: `#333333`\n- **次文字**: `#666666`\n- **辅助文字**: `#888888`\n- **禁用文字**: `#bbbbbb`\n\n## 字体\n\n### 字体族\n```css\nfont-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;\n```\n\n### 字号规范\n- **大标题**: `2.2em` (Hero标题)\n- **标题**: `1.3em` (卡片标题)\n- **小标题**: `1.2em` (区域标题)\n- **正文**: `1em` (默认)\n- **小字**: `0.88em` (描述文字)\n- **辅助**: `0.82em` (标签、提示)\n\n## 布局\n\n### 容器\n```css\nmax-width: 780px;\nmargin: 0 auto;\npadding: 20px 16px 60px;\n```\n\n### 卡片\n```css\nbackground: #fff;\nborder-radius: 16px;\nbox-shadow: 0 2px 12px rgba(0,0,0,.06);\n```\n\n### 间距\n- **大间距**: `24px` (卡片间)\n- **中间距**: `16px` (区域内)\n- **小间距**: `12px` (元素间)\n- **微间距**: `8px` (紧凑元素)\n\n## 组件样式\n\n### 标签\n```css\nbackground: rgba(255,255,255,.2);\nbackdrop-filter: blur(6px);\ncolor: #fff;\npadding: 4px 14px;\nborder-radius: 20px;\nfont-size: .82em;\n```\n\n### 价格标签\n```css\nbackground: #fff3e0;\ncolor: #e65100;\nfont-size: .75em;\npadding: 1px 8px;\nborder-radius: 8px;\n```\n\n### 高德API标签\n```css\nbackground: linear-gradient(135deg, #667eea, #764ba2);\ncolor: #fff;\nfont-size: .7em;\npadding: 3px 10px;\nborder-radius: 8px;\nbox-shadow: 0 2px 8px rgba(102,126,234,.3);\n```\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`\n\nFile v1.0.4:skill-card.md\n\n## Description:
\nGenerates multilingual travel itineraries and responsive HTML travel guides with daily schedules, route timing, hotel and food recommendations, budget estimates, and practical travel tips.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[gmmg55](https://clawhub.ai/user/gmmg55)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nTravelers and travel-planning agents use this skill to turn a destination, trip length, departure city, and travel preferences into a practical itinerary and shareable HTML guide. It is suited for city trips, weekend trips, romantic travel, self-drive planning, and multilingual guide generation.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Travel destinations, hotel areas, and route details may be sent to online search providers or Amap during guide generation.
\nMitigation: Use the skill only when sharing those travel details with third-party services is acceptable, and avoid entering sensitive personal itinerary information.
\nRisk: Amap API keys may be exposed if users paste them into chat or include them directly in commands.
\nMitigation: Set AMAP_KEY through the environment or a secrets manager, and do not paste API keys into chat transcripts.
\nRisk: Generated HTML is active browser content and travel recommendations may include inaccurate or outdated details.
\nMitigation: Open only trusted generated guides and review routes, prices, schedules, hotel recommendations, and safety guidance before use.
\n\n\n## Reference(s):
\n- [ClawHub Release Page](https://clawhub.ai/gmmg55/travel-guide-generator)
\n- [Amap Web Service API](https://lbs.amap.com/)
\n- [Design Specification](references/design-spec.md)
\n- [Daily Itinerary Specification](references/daily-itinerary-spec\n\nArchive v1.0.2: 11 files, 25427 bytes\n\nFiles: assets/template.html (22403b), config.json (1051b), metadata.json (970b), README.md (7361b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), skill-card.md (3276b), SKILL.md (8494b), _meta.json (141b)\n\nArchive v1.0.1: 10 files, 22138 bytes\n\nFiles: assets/template.html (22403b), config.json (995b), metadata.json (825b), README.md (7361b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), SKILL.md (5385b), _meta.json (141b)\n\nArchive v1.0.0: 9 files, 15804 bytes\n\nFiles: assets/template.html (15568b), config.json (749b), metadata.json (579b), references/daily-itinerary-spec.md (7072b), references/design-spec.md (2971b), scripts/amap_route.py (7076b), scripts/search_guide.py (3161b), SKILL.md (4919b), _meta.json (141b)","readmeExcerpt":"Skill: 旅游攻略生成器 Owner: gmmg55 Summary: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。 Tags: guide:1.0.0, html:1.0.0, latest:2.0.0, romantic:1.0.0, travel:1.0.0 Version history: v2.0.0 | 2026-09-01T07:39:11.59","codeSnippets":[],"executableExamples":[{"language":"bash","snippet":"python scripts/build_guide.py guide.json --output-base 目的地攻略"},{"language":"python","snippet":"python scripts/build_guide.py examples/sample-guide.json --output-base examples/my-trip"},{"language":"python","snippet":"python scripts/validate_guide.py examples/sample-guide.json --strict"},{"language":"python","snippet":"python scripts/search_guide.py --destination \"威海\" --type avoid"},{"language":"bash","snippet":"# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator"},{"language":"bash","snippet":"python scripts/build_guide.py examples/sample-guide.json --output-base examples/my-trip\npython scripts/validate_guide.py examples/sample-guide.json --strict"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\r\nname: travel-guide-generator\r\ndescription: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。\r\n---\r\n\r\n# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기\r\n\r\n自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。\r\n\r\n> 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度\r\n\r\n## 何时调用 / 如何触发\r\n\r\n本 Skill 由 AI 在识别到**明确的旅游攻略生成请求**时自动调用，用户无需记忆命令，直接说出需求即可。需满足\"生成/规划攻略\"的明确意图才会触发，普通旅游闲聊不会触发：\r\n\r\n- **明确请求生成攻略**：如\"生成威海4天攻略\"、\"帮我规划大理行程\"、\"做一个厦门周末游 HTML\"\r\n- **带目的地+天数的明确规划**：如\"XX 几天怎么玩，帮我出个攻略\"、\"周末去 XX 有什么推荐，生成攻略\"、\"情侣去 XX 怎么安排，做个行程\"\r\n\r\n> 仅讨论旅游话题（如\"XX 好不好玩\"\"XX 有什么特色\"）不会触发本 Skill，避免误用网络查询或外部 API 调用。\r\n\r\n**直接说即可触发（示例）：**\r\n> 帮我生成一份威海4天浪漫攻略，从北京出发\r\n> 规划一个大理2天周末游，情侣\r\n> Generate a 3-day romantic guide for Kyoto\r\n\r\n**不会触发的情况（超出边界，见下节）：** 纯订票 / 订酒店、签证办理、商务出差、非旅游类路线规划。\r\n\r\n## 适用范围与边界\r\n\r\n为避免生成结果不符合预期，请先了解本 Skill 的覆盖范围与限制：\r\n\r\n### ✅ 支持范围\r\n- **城市**：全球任意城市均可生成。示例中的威海 / 青岛 / 大连 / 大理 / 厦门 / Tokyo / Paris 等仅为常见样例，**不限于这些城市**。\r\n- **天数**：推荐 **1-14 天**，此区间内体验最佳（每日 2-3 个核心景点、节奏舒适）。\r\n- **风格**：情侣浪漫游、周末短途游、自驾游、休闲游、亲子游等常规旅游场景。\r\n- **语言**：中 / 英 / 日 / 韩 / 法 / 德 / 西等多语言输出。\r\n\r\n### ⚠️ 边界与超出时的处理\r\n- **天数超过 14 天**：仍可生成，但会提示\"行程较长\"，并建议拆分为多段或聚焦核心城市，避免每日过赶。\r\n- **天数不足 1 天 / 非整数天**：按\"1 日精华游\"处理，或提示补充具体天数。\r\n- **小众 / 攻略数据稀少的目的地**：仍能生成，但会基于通用旅游知识编写，并明确标注\"部分信息可能不够精准，请以当地实际为准\"。\r\n- **未配置高德 API Key**：路线距离 / 用时改为估算值，整体攻略仍可正常生成。\r\n\r\n### ❌ 不支持（非目标场景）\r\n- 实时机票 / 酒店预订、下单支付\r\n- 签证办理、出入境政策咨询\r\n- 纯商务出差、会议行程\r\n- 非旅游类路线规划（搬家、货运、通勤等）\r\n\r\n## 多语言支持\r\n\r\n本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。\r\n\r\n### 支持的语言\r\n\r\n| 语言代码 | 语言 | 示例请求 |\r\n|----------|------|----------|\r\n| `zh-CN` | 简体中文（默认） | \"帮我生成一个威海4天旅游攻略\" |\r\n| `en` | 英语 | \"Generate a 4-day travel guide for Tokyo\" |\r\n| `ja` | 日语 | \"東京の4日間旅行ガイドを作成して\" |\r\n| `ko` | 韩语 | \"부산 4일 여행 가이드 만들어줘\" |\r\n| `fr` | 法语 | \"Génère un guide de voyage de 4 jours à Paris\" |\r\n| `de` | 德语 | \"Erstelle einen 4-Tage-Reiseführer für München\" |\r\n| `es` | 西班牙语 | \"Genera una guía de viaje de 4 días para Barcelona\" |\r\n| `it` | 意大利语 | \"Genera una guida di viaggio di 4 giorni per Roma\" |\r\n| `pt` | 葡萄牙语 | \"Gere um guia de viagem de 4 dias para Lisboa\" |\r\n| `ru` | 俄语 | \"Создай путеводитель на 4 дня по Москве\" |\r\n| `th` | 泰语 | \"สร้างคู่มือเที่ยวโตเกียว 4 วัน\" |\r\n| `vi` | 越南语 | \"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng\" |\r\n| `ar` | 阿拉伯语 | \"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي\" |\r\n\r\n### 语言检测规则\r\n\r\n1. **用户使用某种语言提问** → 自动使用该语言生成攻略\r\n2. **用户明确指定语言** → 按指定语言生成（如\"用英语生成\"、\"in English\"）\r\n3. **未指定且使用中文** → 默认简体中文\r\n\r\n### 多语言生成规范\r\n\r\n- **HTML ``** 标签设置为对应语言代码\r\n- **所有面向用户的文本**全部翻译为目标语言，包括：\r\n - 页面标题、Hero区域\r\n - 导航标签（Day/交通/时间表/避坑/预算/Tips等）\r\n - 交通信息卡片（高铁/飞机/推荐标注等）\r\n - 路线条文字（距离、用时、交通方式）\r\n - 景点名称、描述、价格标签\r\n - 浪漫时刻提示\r\n - 美食推荐（店名保留原文，描述翻译）\r\n - 避坑清单（错误做法/正确做法）\r\n - 预算估算（分类名称、总计）\r\n - Tips标题和内容\r\n - 酒店推荐区域\r\n - 折叠提示文字\r\n- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译\r\n- **价格和数字**使用当地货币格式\r\n- **CSS样式**不变，只改变文本内容\r\n- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir=\"rtl\"` 属性\r\n\r\n#"},{"path":"README.md","content":"# 🌍 旅游攻略生成器 · Travel Guide Generator\n\n

\n \n \n \n

\n\n

\n 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度
\n 🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.\n

\n\n---\n\n## ✨ 这是什么？| What is this?\n\n**中文**\n\n旅游攻略生成器是一个 Claw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。\n\n只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：\n\n- 🗺️ 自动规划每日详细行程（精确到分钟）\n- 🚗 用高德 API 计算景点到景点之间的距离和用时（可选增强，不配也能用）\n- 🏨 推荐最合适的住宿区域和酒店\n- 🍜 推荐当地地道美食餐厅\n- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）\n- 💕 加入浪漫时刻提示（情侣向特别优化）\n- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件\n\n**English**\n\nTravel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.\n\nJust tell the AI your destination, departure city, number of days, and preferences. It will:\n\n- 🗺️ Auto-plan daily itinerary (accurate to the minute)\n- 🚗 Calculate distances and travel times between spots via Amap API (optional enhancement)\n- 🏨 Recommend the best accommodation areas and hotels\n- 🍜 Recommend authentic local restaurants\n- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)\n- 💕 Add romantic moment tips (optimized for couples)\n- 📱 Generate **PC + mobile responsive** beautiful HTML files\n\n---\n\n## 🎯 核心亮点 | Key Features\n\n| 功能 | Feature | 说明 |\n|------|---------|------|\n| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |\n| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |\n| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的\"上午/下午\"，精确到几点几分 |\n| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |\n| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |\n| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |\n| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |\n| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |\n| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |\n| 🌍 多语言支持 | Multi-language Support | 支持中/英/日/韩/法/德/西等13种语言输出，专有名词保留原文 |\n| 🩺 自动质量检查 | Quality Validation | 检查时间冲突、闭馆日、营业时间、路线衔接和来源时效 |\n| 💾 本地交互编辑 | Local Editing | 勾选、收藏、调整时间、顺延后续行程、预算汇总并自动保存 |\n| 📤 多格式导出 | Multi-format Export | 同时生成 HTML、Markdown、日历 ICS、GeoJSON 和规范化 JSON |\n\n---\n\n## 🚀 快速开始 | Quick Start\n\n### 安装 | Installation\n\n```bash\n# 方式一：通过 ClawHub 安装（推荐）\nclawhub install travel-guide-generator\n\n# 方式二：通过 OpenClaw 安装\nopenclaw skills install travel-guide-generator\n```\n\n### 使用 | Usage\n\n安装后，直接在 OpenClaw 对话中说出你的需求：\n\n**中文示例：**\n> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张\n\n> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区\n\n**English Example：**\n> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip\n\n> Create a Shanghai weekend guide for 2 days, include the Bund and Disney\n\nAI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。\n\n### 结构化构建 | Structured Build\n\nv2 使用可校验的数据管线：`guide.json → 路线补全 → 冲突检查 → HTML/Markdown/ICS/GeoJSO"},{"path":"_meta.json","content":"{\n \"ownerId\": \"kn70870f10k5z4g1bg9y7vhans85fyfp\",\n \"slug\": \"travel-guide-generator\",\n \"version\": \"2.0.0\",\n \"publishedAt\": 1788248351599\n}"},{"path":"references/daily-itinerary-spec.md","content":"# 每日行程卡片 HTML 规范\n\n本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。\n\n## 基本结构\n\n```html\n\n
\n
\n
Day 1 · 浪漫启程
\n
北京 → 威海 · 初见大海
\n
威海公园 → 火炬八街 → 国际海水浴场
\n
\n \n \n
\n \n 威海公园\n → 驾车 8.5km/20分钟 →\n 火炬八街\n → 驾车 3.2km/10分钟 →\n 国际海水浴场\n
\n \n \n
\n
\n
🏞️
\n
\n
威海公园 免费
\n \n
......
\n
\n
\n
💕 浪漫时刻：......
\n
⚠️ 避坑：......
\n
\n \n \n \n \n
\n

🍽️ 晚餐推荐

\n
\n \n
\n
\n \n \n
\n
🏨 推荐酒店住宿地
\n
\n
\n
威海公园附近酒店
\n
💰 300-500元/晚
\n
推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）
\n
\n
\n
火炬八街附近酒店
\n
💰 400-600元/晚
\n
推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）
\n
\n
\n
💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程
\n
\n \n
\n\n\n
\n
\n
Day 2 · 浪漫海滨
\n
威海深度游 · 情侣专属
\n
酒店 → 火炬八街 → 猫头山 → 那香海
\n
\n \n \n
\n \n 🏨 威海公园附近酒店\n → 驾车 8.5km/20分钟 →\n 📍 火炬八街（Day2首个景点）\n
\n \n \n
\n \n 火炬八街\n → 驾车 12km/25分钟 →\n 猫头山\n → 驾车 18km/30分钟 →\n 那香海\n
\n \n \n
\n
\n
📍
\n
\n
火炬八街 免费
\n \n 🚗 从威海公园出发 · 驾车 8.5km/20分钟\n
用法：在路线条 / 交通提示的距离用时文本后追加 `估算`。详见 `daily-itinerary-spec.md`。\n\n### 浪漫提示\n```css\nbackground: linear-gradient(90deg, #fff5f5, #fff0fb);\nborder-radius: 10px;\nborder-left: 3px solid #f2719c;\ncolor: #c06;\n```\n\n### 避坑提示\n```css\nbackground: #fffbe6;\nborder-radius: 10px;\nborder-left: 3px solid #faad14;\ncolor: #ad6800;\n```\n\n## 响应式断点\n\n### 平板 (768px)\n- 容器padding: `16px 12px 40px`\n- 标题字号: `1.5em`\n- 网格列数: 1列\n- 卡片padding: `16px`\n\n### 手机 (375px)\n- 容器padding: `12px`\n- 标题字号: `1.3em`\n- 标签字号: `0.68em`\n- 图标尺寸: `34px`\n\n## 图标使用\n\n使用emoji作为图标，简洁直观：\n- 🌊 海边\n- 🏨 酒店\n- 🍜 美食\n- 🚗 交通\n- 📸 拍照\n- 💕 浪漫\n- ⚠️ 避坑\n- 🗺️ 地图\n- 🚄 高铁\n- ✈️ 飞机\n\n## 动画效果\n\n### 淡入动画\n```css\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n```\n\n### 过渡效果\n```css\ntransition: all .3s ease;\n```\n\n## 无障碍设计\n\n- 最小点击区域: `44px`\n- 对比度: 文字与背景对比度 ≥ 4.5:1\n- 触摸优化: `-webkit-tap-highlight-color: transparent`"}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。 Skill: 旅游攻略生成器 Owner: gmmg55 Summary: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如\"生成XX旅游攻略\"、\"规划XX行程\"、\"XX几天怎么玩\"、\"情侣/周末/自驾游怎么安排\"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。 Tags: guide:1.0.0, html:1.0.0, latest:2.0.0, romantic:1.0.0, travel:1.0.0 Version history: v2.0.0 | 2026-09-01T07:39:11.59","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":998,"uniquenessScore":62,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-10-10T10:41:14.975Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-10T13:32:39.096Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}