What makes 旅游攻略生成器 notable?

1.5K downloads. Trust evidence available

How should 旅游攻略生成器 be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

旅游攻略生成器

旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如"生成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

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

1.5k

Updated

Oct 10, 2026

Version

2.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 1.5K downloads reported by the source. Last updated 10/10/2026.

Avoid when

Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor: Clawhubvendor · observed Oct 10, 2026
Protocol compatibility: OpenClawcompatibility · observed Oct 10, 2026
Adoption signal: 1.5K downloadsadoption · observed Oct 10, 2026
Latest release: 2.0.0release · observed Sep 1, 2026
Handshake status: UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s179rmmws7swbk91089bm6s6fh85eg83:travel-guide-generator

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: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-gmmg55-travel-guide-generator/snapshot"

Documentation

CLAWHUB

146,839 characters of source documentation, loaded on request.

Extracted files

5 files captured from the source.

SKILL.md

---
name: travel-guide-generator
description: 旅游攻略生成器 - 当用户提出旅游规划需求时自动调用，例如"生成XX旅游攻略"、"规划XX行程"、"XX几天怎么玩"、"情侣/周末/自驾游怎么安排"。支持全球任意城市（威海/青岛/大连/大理/厦门/Tokyo/Paris等仅为常见样例，不限于此）与 1-14 天行程（超过14天仍可生成，但会提示行程过长并建议拆分）。自动搜索真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML，含每日行程、酒店、美食、避坑、预算。支持中/英/日/韩/法/德/西等多语言。不提供实时订票、签证办理、纯商务出差行程。
---

# 旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기

自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。

> 🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度

## 何时调用 / 如何触发

本 Skill 由 AI 在识别到**明确的旅游攻略生成请求**时自动调用，用户无需记忆命令，直接说出需求即可。需满足"生成/规划攻略"的明确意图才会触发，普通旅游闲聊不会触发：

- **明确请求生成攻略**：如"生成威海4天攻略"、"帮我规划大理行程"、"做一个厦门周末游 HTML"
- **带目的地+天数的明确规划**：如"XX 几天怎么玩，帮我出个攻略"、"周末去 XX 有什么推荐，生成攻略"、"情侣去 XX 怎么安排，做个行程"

> 仅讨论旅游话题（如"XX 好不好玩""XX 有什么特色"）不会触发本 Skill，避免误用网络查询或外部 API 调用。

**直接说即可触发（示例）：**
> 帮我生成一份威海4天浪漫攻略，从北京出发
> 规划一个大理2天周末游，情侣
> Generate a 3-day romantic guide for Kyoto

**不会触发的情况（超出边界，见下节）：** 纯订票 / 订酒店、签证办理、商务出差、非旅游类路线规划。

## 适用范围与边界

为避免生成结果不符合预期，请先了解本 Skill 的覆盖范围与限制：

### ✅ 支持范围
- **城市**：全球任意城市均可生成。示例中的威海 / 青岛 / 大连 / 大理 / 厦门 / Tokyo / Paris 等仅为常见样例，**不限于这些城市**。
- **天数**：推荐 **1-14 天**，此区间内体验最佳（每日 2-3 个核心景点、节奏舒适）。
- **风格**：情侣浪漫游、周末短途游、自驾游、休闲游、亲子游等常规旅游场景。
- **语言**：中 / 英 / 日 / 韩 / 法 / 德 / 西等多语言输出。

### ⚠️ 边界与超出时的处理
- **天数超过 14 天**：仍可生成，但会提示"行程较长"，并建议拆分为多段或聚焦核心城市，避免每日过赶。
- **天数不足 1 天 / 非整数天**：按"1 日精华游"处理，或提示补充具体天数。
- **小众 / 攻略数据稀少的目的地**：仍能生成，但会基于通用旅游知识编写，并明确标注"部分信息可能不够精准，请以当地实际为准"。
- **未配置高德 API Key**：路线距离 / 用时改为估算值，整体攻略仍可正常生成。

### ❌ 不支持（非目标场景）
- 实时机票 / 酒店预订、下单支付
- 签证办理、出入境政策咨询
- 纯商务出差、会议行程
- 非旅游类路线规划（搬家、货运、通勤等）

## 多语言支持

本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本（标题、按钮、标签、提示等）均会翻译为指定语言。

### 支持的语言

| 语言代码 | 语言 | 示例请求 |
|----------|------|----------|
| `zh-CN` | 简体中文（默认） | "帮我生成一个威海4天旅游攻略" |
| `en` | 英语 | "Generate a 4-day travel guide for Tokyo" |
| `ja` | 日语 | "東京の4日間旅行ガイドを作成して" |
| `ko` | 韩语 | "부산 4일 여행 가이드 만들어줘" |
| `fr` | 法语 | "Génère un guide de voyage de 4 jours à Paris" |
| `de` | 德语 | "Erstelle einen 4-Tage-Reiseführer für München" |
| `es` | 西班牙语 | "Genera una guía de viaje de 4 días para Barcelona" |
| `it` | 意大利语 | "Genera una guida di viaggio di 4 giorni per Roma" |
| `pt` | 葡萄牙语 | "Gere um guia de viagem de 4 dias para Lisboa" |
| `ru` | 俄语 | "Создай путеводитель на 4 дня по Москве" |
| `th` | 泰语 | "สร้างคู่มือเที่ยวโตเกียว 4 วัน" |
| `vi` | 越南语 | "Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng" |
| `ar` | 阿拉伯语 | "أنشئ دليلاً سياحياً لمدة 4 أيام في دبي" |

### 语言检测规则

1. **用户使用某种语言提问** → 自动使用该语言生成攻略
2. **用户明确指定语言** → 按指定语言生成（如"用英语生成"、"in English"）
3. **未指定且使用中文** → 默认简体中文

### 多语言生成规范

- **HTML `<html lang="...">`** 标签设置为对应语言代码
- **所有面向用户的文本**全部翻译为目标语言，包括：
  - 页面标题、Hero区域
  - 导航标签（Day/交通/时间表/避坑/预算/Tips等）
  - 交通信息卡片（高铁/飞机/推荐标注等）
  - 路线条文字（距离、用时、交通方式）
  - 景点名称、描述、价格标签
  - 浪漫时刻提示
  - 美食推荐（店名保留原文，描述翻译）
  - 避坑清单（错误做法/正确做法）
  - 预算估算（分类名称、总计）
  - Tips标题和内容
  - 酒店推荐区域
  - 折叠提示文字
- **专有名词**（景点名、酒店名、店名）保留原文，可在括号中附注翻译
- **价格和数字**使用当地货币格式
- **CSS样式**不变，只改变文本内容
- 对于**阿拉伯语等RTL语言**，在HTML中添加 `dir="rtl"` 属性

#

README.md

# 🌍 旅游攻略生成器 · Travel Guide Generator

<p align="center">
  <img src="https://img.shields.io/badge/ClawHub-Skill-blueviolet?style=for-the-badge">
  <img src="https://img.shields.io/badge/version-2.0.0-green?style=for-the-badge">
  <img src="https://img.shields.io/badge/PRs-welcome-brightgreen?style=for-the-badge">
</p>

<p align="center">
  <b>🤖 一句话生成精美旅游攻略 HTML，让每一次出发都有温度</b><br>
  <b>🤖 Generate beautiful travel guide HTML with one sentence. Make every journey warm and memorable.</b>
</p>

---

## ✨ 这是什么？| What is this?

**中文**

旅游攻略生成器是一个 Claw Skill，能够**自动生成精美、详细、可交互的旅游攻略 HTML 页面**。

只需要告诉 AI 你的目的地、出发地、天数和偏好，它就会：

- 🗺️ 自动规划每日详细行程（精确到分钟）
- 🚗 用高德 API 计算景点到景点之间的距离和用时（可选增强，不配也能用）
- 🏨 推荐最合适的住宿区域和酒店
- 🍜 推荐当地地道美食餐厅
- ⚠️ 整理避坑清单（含正确做法 vs 错误做法）
- 💕 加入浪漫时刻提示（情侣向特别优化）
- 📱 生成 **PC + 移动端自适应**的精美 HTML 文件

**English**

Travel Guide Generator is a QClaw Skill that **automatically generates beautiful, detailed, and interactive travel guide HTML pages**.

Just tell the AI your destination, departure city, number of days, and preferences. It will:

- 🗺️ Auto-plan daily itinerary (accurate to the minute)
- 🚗 Calculate distances and travel times between spots via Amap API (optional enhancement)
- 🏨 Recommend the best accommodation areas and hotels
- 🍜 Recommend authentic local restaurants
- ⚠️ Compile a pitfall avoidance list (with right vs wrong practices)
- 💕 Add romantic moment tips (optimized for couples)
- 📱 Generate **PC + mobile responsive** beautiful HTML files

---

## 🎯 核心亮点 | Key Features

| 功能 | Feature | 说明 |
|------|---------|------|
| 🗺️ 智能路线规划 | Smart Route Planning | 景点间交通方式+用时自动计算，一目了然 |
| 🏨 酒店住宿推荐 | Hotel Recommendations | 每日行程结束推荐住宿地，注明与次日行程衔接 |
| ⏱️ 精确到分钟 | Minute-Accurate Schedule | 不再模糊的"上午/下午"，精确到几点几分 |
| ⚠️ 12条避坑清单 | Pitfall Avoidance | 用删除线标出错误做法，绿色标出正确做法 |
| 🍜 美食推荐 | Food Recommendations | 每餐推荐具体餐厅+人均价格+必点菜 |
| 📱 自适应HTML | Responsive HTML | 同一文件，PC和手机都有完美阅读体验 |
| 🌸 浪漫风格 | Romantic Style | 配色温暖、排版精美，专为情侣休闲设计 |
| 🧭 右侧快速导航 | Quick Navigation | PC端右侧固定导航，弱化设计不喧宾夺主 |
| 📂 可折叠模块 | Collapsible Sections | 点击标题/Day头部可折叠，默认全部展开 |
| 🌍 多语言支持 | Multi-language Support | 支持中/英/日/韩/法/德/西等13种语言输出，专有名词保留原文 |
| 🩺 自动质量检查 | Quality Validation | 检查时间冲突、闭馆日、营业时间、路线衔接和来源时效 |
| 💾 本地交互编辑 | Local Editing | 勾选、收藏、调整时间、顺延后续行程、预算汇总并自动保存 |
| 📤 多格式导出 | Multi-format Export | 同时生成 HTML、Markdown、日历 ICS、GeoJSON 和规范化 JSON |

---

## 🚀 快速开始 | Quick Start

### 安装 | Installation

```bash
# 方式一：通过 ClawHub 安装（推荐）
clawhub install travel-guide-generator

# 方式二：通过 OpenClaw 安装
openclaw skills install travel-guide-generator
```

### 使用 | Usage

安装后，直接在 OpenClaw 对话中说出你的需求：

**中文示例：**
> 帮我生成一份威海4天浪漫攻略，从北京出发，情侣休闲游，不要太紧张

> 生成天津2天周末攻略，高铁去，住一晚，要包含滨海新区

**English Example：**
> Generate a 3-day romantic travel guide for Dalian, departing from Beijing, couple trip

> Create a Shanghai weekend guide for 2 days, include the Bund and Disney

AI 会自动搜索真实攻略信息，生成精美的 HTML 文件并提供下载。

### 结构化构建 | Structured Build

v2 使用可校验的数据管线：`guide.json → 路线补全 → 冲突检查 → HTML/Markdown/ICS/GeoJSO

_meta.json

{
  "ownerId": "kn70870f10k5z4g1bg9y7vhans85fyfp",
  "slug": "travel-guide-generator",
  "version": "2.0.0",
  "publishedAt": 1788248351599
}

references/daily-itinerary-spec.md

# 每日行程卡片 HTML 规范

本文档详细说明每日行程卡片的HTML结构，包括两个新增模块。

## 基本结构

```html
<!-- Day1 卡片示例 -->
<div class="day-card">
  <div class="day-header d1">
    <div class="day-num">Day 1 · 浪漫启程</div>
    <div class="day-title">北京 → 威海 · 初见大海</div>
    <div class="day-route">威海公园 → 火炬八街 → 国际海水浴场</div>
  </div>
  
  <!-- 路线条 -->
  <div class="route-bar">
    <span class="dot"></span>
    <span class="r-item">威海公园</span>
    <span>→ 驾车 8.5km/20分钟 →</span>
    <span class="r-item">火炬八街</span>
    <span>→ 驾车 3.2km/10分钟 →</span>
    <span class="r-item">国际海水浴场</span>
  </div>
  
  <!-- 景点列表 -->
  <div class="spot">
    <div class="spot-head">
      <div class="spot-icon">🏞️</div>
      <div>
        <div class="spot-name">威海公园 <span class="spot-price">免费</span></div>
        <!-- [NEW] 第一个景点不显示交通提示 -->
        <div class="spot-desc">......</div>
      </div>
    </div>
    <div class="spot-romance">💕 浪漫时刻：......</div>
    <div class="pitfall">⚠️ 避坑：......</div>
  </div>
  
  <!-- 更多景点... -->
  
  <!-- 美食推荐 -->
  <div class="food-section" style="margin: 16px 24px; padding: 16px 20px;">
    <h2>🍽️ 晚餐推荐</h2>
    <div class="food-grid">
      <!-- 美食项... -->
    </div>
  </div>
  
  <!-- [NEW] 推荐酒店住宿地（仅需要住宿时显示） -->
  <div class="hotel-rec-section">
    <div class="hr-title">🏨 推荐酒店住宿地</div>
    <div class="hr-grid">
      <div class="hr-item">
        <div class="hr-name">威海公园附近酒店</div>
        <div class="hr-price">💰 300-500元/晚</div>
        <div class="hr-desc">推荐理由：离Day2首个景点近，节省路程时间。推荐酒店：XX酒店（海景房）、XX民宿（性价比高）</div>
      </div>
      <div class="hr-item">
        <div class="hr-name">火炬八街附近酒店</div>
        <div class="hr-price">💰 400-600元/晚</div>
        <div class="hr-desc">推荐理由：就在网红街旁，晚上可以散步拍照。推荐酒店：XX酒店（网红打卡）、XX民宿（ins风）</div>
      </div>
    </div>
    <div class="hr-tip">💡 衔接说明：推荐住威海公园附近，明天到火炬八街仅20分钟车程，方便开始Day2行程</div>
  </div>
  
</div>

<!-- Day2 卡片示例（包含新增的酒店→景点路线） -->
<div class="day-card">
  <div class="day-header d2">
    <div class="day-num">Day 2 · 浪漫海滨</div>
    <div class="day-title">威海深度游 · 情侣专属</div>
    <div class="day-route">酒店 → 火炬八街 → 猫头山 → 那香海</div>
  </div>
  
  <!-- [NEW] 酒店→景点路线条（Day2+ 开头） -->
  <div class="hotel-route-bar">
    <span class="hdot"></span>
    <span class="hroute-item">🏨 威海公园附近酒店</span>
    <span>→ 驾车 8.5km/20分钟 →</span>
    <span class="hroute-item">📍 火炬八街（Day2首个景点）</span>
  </div>
  
  <!-- 路线条 -->
  <div class="route-bar">
    <span class="dot"></span>
    <span class="r-item">火炬八街</span>
    <span>→ 驾车 12km/25分钟 →</span>
    <span class="r-item">猫头山</span>
    <span>→ 驾车 18km/30分钟 →</span>
    <span class="r-item">那香海</span>
  </div>
  
  <!-- 景点列表 -->
  <div class="spot">
    <div class="spot-head">
      <div class="spot-icon">📍</div>
      <div>
        <div class="spot-name">火炬八街 <span class="spot-price">免费</span></div>
        <!-- [NEW] 景点间交通提示（从上一个地点到这里） -->
        <span class="spot-transit"><span class="transit-icon">🚗</span> 从威海公园出发 · 驾车 <span class="transit-time">8.5km/20分钟</span></span>
        <div class="

references/design-spec.md

# 旅游攻略HTML设计规范

## 配色方案

### 主色调
- **主色**: `#667eea` → `#764ba2` (紫蓝渐变)
- **强调色**: `#f2719c` (粉红)
- **警告色**: `#faad14` (金黄)
- **成功色**: `#52c41a` (绿色)
- **危险色**: `#ff4d4f` (红色)

### 背景色
- **页面背景**: `#f5f5f5`
- **卡片背景**: `#ffffff`
- **渐变背景**: 
  - Day1: `#f6a085` → `#f2719c` (橙粉)
  - Day2: `#4facfe` → `#00f2fe` (蓝青)
  - Day3: `#a18cd1` → `#fbc2eb` (紫粉)
  - Day4: `#fddb92` → `#d1fdff` (黄青)

### 文字色
- **主文字**: `#333333`
- **次文字**: `#666666`
- **辅助文字**: `#888888`
- **禁用文字**: `#bbbbbb`

## 字体

### 字体族
```css
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
```

### 字号规范
- **大标题**: `2.2em` (Hero标题)
- **标题**: `1.3em` (卡片标题)
- **小标题**: `1.2em` (区域标题)
- **正文**: `1em` (默认)
- **小字**: `0.88em` (描述文字)
- **辅助**: `0.82em` (标签、提示)

## 布局

### 容器
```css
max-width: 780px;
margin: 0 auto;
padding: 20px 16px 60px;
```

### 卡片
```css
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
```

### 间距
- **大间距**: `24px` (卡片间)
- **中间距**: `16px` (区域内)
- **小间距**: `12px` (元素间)
- **微间距**: `8px` (紧凑元素)

## 组件样式

### 标签
```css
background: rgba(255,255,255,.2);
backdrop-filter: blur(6px);
color: #fff;
padding: 4px 14px;
border-radius: 20px;
font-size: .82em;
```

### 价格标签
```css
background: #fff3e0;
color: #e65100;
font-size: .75em;
padding: 1px 8px;
border-radius: 8px;
```

### 高德API标签
```css
background: linear-gradient(135deg, #667eea, #764ba2);
color: #fff;
font-size: .7em;
padding: 3px 10px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(102,126,234,.3);
```

### 估算标签（降级数据标识）
```css
/* 当路线距离/用时为估算值（API 不可用、超时或失败时）使用，明确告知用户非实测数据 */
.estimate-tag {
  background: #f5f5f5;
  color: #999;
  border: 1px dashed #ccc;
  font-size: .7em;
  padding: 1px 8px;
  border-radius: 8px;
  margin-left: 4px;
}
```
> 用法：在路线条 / 交通提示的距离用时文本后追加 `<span class="estimate-tag">估算</span>`。详见 `daily-itinerary-spec.md`。

### 浪漫提示
```css
background: linear-gradient(90deg, #fff5f5, #fff0fb);
border-radius: 10px;
border-left: 3px solid #f2719c;
color: #c06;
```

### 避坑提示
```css
background: #fffbe6;
border-radius: 10px;
border-left: 3px solid #faad14;
color: #ad6800;
```

## 响应式断点

### 平板 (768px)
- 容器padding: `16px 12px 40px`
- 标题字号: `1.5em`
- 网格列数: 1列
- 卡片padding: `16px`

### 手机 (375px)
- 容器padding: `12px`
- 标题字号: `1.3em`
- 标签字号: `0.68em`
- 图标尺寸: `34px`

## 图标使用

使用emoji作为图标，简洁直观：
- 🌊 海边
- 🏨 酒店
- 🍜 美食
- 🚗 交通
- 📸 拍照
- 💕 浪漫
- ⚠️ 避坑
- 🗺️ 地图
- 🚄 高铁
- ✈️ 飞机

## 动画效果

### 淡入动画
```css
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
```

### 过渡效果
```css
transition: all .3s ease;
```

## 无障碍设计

- 最小点击区域: `44px`
- 对比度: 文字与背景对比度 ≥ 4.5:1
- 触摸优化: `-webkit-tap-highlight-color: transparent`

Github ReposUpdated 17h agoRank 70

AionUi

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!

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

activepieces

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

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.