Trip Planner for Openclaw

An automated travel planning skill that proactive compiles comprehensive, day-by-day itineraries into a polished, mobile-friendly interactive HTML dashboard.

eric6286
v1.0.0
Jun 13, 2026
0
532
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install trip-planner

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install trip-planner using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Trip Planner?

The Trip Planner is a specialized agent skill designed to expand the ecosystem of Openclaw Skills, turning an AI developer assistant or browser agent into an expert travel concierge. It proactively triggers whenever travel intent, date-ranges, or destinations are specified, running a structured multi-step workflow to deliver a self-contained, offline-ready HTML dashboard.

Unlike standard generative itineraries that suffer from hallucinations, this skill enforces a strict data integrity pact. It orchestrates real-time flights, trains, and hotel checks using live browser scraping, cross-references reviews across both Ctrip and AMap, and yields a mobile-optimized visual planner complete with Leaflet maps, offline-ready hierarchical navigation, and a persistent budget tracker.

Trip Planner Use Cases

  • Dynamic Group & Family Planning: Tailor trips specifically for families or seniors by adjusting walking pace, building in midday rest buffers, and generating low-mobility alternatives.
  • Automated Price Comparison: Perform real-time multi-platform fare crawls to find the best rates for flights, hotels, and train journeys.
  • Verified Venue Vetting: Ensure attractions are actually open on the scheduled days, avoiding common holiday or Monday closure pitfalls through real-time web verification.
  • Interactive Offline Dashboards: Output standalone HTML itineraries that travelers can load onto their mobile phones to view maps, directions, and budgets without active internet connections.

How Trip Planner Works

  1. Requirements Gathering (Grill): The agent conducts a structured interview using a dynamic decision tree to capture travel companions, budget ceilings, pace, accommodation preferences, and transport constraints.
  2. Parallel Research: Utilizing browser automation, the agent crawls flight itineraries (calculating true base fares plus fuel surcharges) and hotel listings across Ctrip and Fliggy.
  3. Truth Verification: Enforces a strict truth-first pact. If a price, opening hour, or review distribution cannot be validated via live browser scraping, the agent hedges the value safely instead of inventing fake metrics.
  4. Geographic Clustering: Groups destinations into tight spatial clusters to eliminate zigzagging, calculating precise point-to-point transit times and total daily step estimates.
  5. HTML Generation & Quality Check: Compiles the itinerary into a single HTML file with an embedded Leaflet map and executes the check_html.py validator script to guarantee structural stability.

Trip Planner Setup

Setup and Validation

To integrate and run the Trip Planner skill within your workspace, ensure you have the required scraping references and the HTML check script configured.

Ensure your workspace contains:

  • references/design-system.md (the layout definitions for visual cards)
  • references/research-playbook.md (scraping rules and heuristics)
  • scripts/check_html.py (the HTML compiler and structural validator)

Once the itinerary HTML is generated by your agent using Openclaw Skills, validate it directly via your terminal:

python3 scripts/check_html.py Tokyo5DayTrip.html

This script automatically checks for structural errors, missing budget metrics, Leaflet coordinate alignment, and ensures the required minimum of 3 hotel candidates are present.

Trip Planner Data Schema & Taxonomy

The Trip Planner skill compiles all gathered, verified data into a structured single-page HTML artifact. Below is how the travel information is mapped:

Component HTML Element & Attributes Managed Data
Hero Banner .hero-header Gradient themes (e.g. sunset, snow), metadata tags (budget, rhythm, party size)
Interactive Map #map & TRIP JS Object Leaflet CDN, geographic coordinate pins (latitude/longitude), polyline routes
Timeline POI .sec-COLOR / .poi-card Arrival times, durations, prices, operating hours, and nested Plan B guides
Transport Card .transport / .price-compare Airline flight metadata, comparative platform pricing tables, booking URLs
Hotel Candidate .hotel / .review-check Ctrip & AMap dual-source ratings, actual review sentiments, price comparisons
Budget Planner .budget / .total Fixed transit blocks, daily expenditure chips, and final sum calculations
Checklist .checklist Pre-departure tasks and packing list persisting choices to localStorage

Trip Planner Advanced Features

  • Local-Storage Persisted Checklist: Features an interactive checklist for travel documents, tickets, and packing items that retains state across page refreshes.
  • Dual-Source Review Analysis: Scrapes and cross-references reviews across Ctrip (for booking rates) and AMap (for authentic local user sentiment), filtering out promotional bias.
  • Dynamic Weather Alternative (Plan B): Automatically nests indoor alternatives inside timeline cards, prompting backup options in case of rain or extreme heat.
  • No-Key Leaflet Mapping: Implements a fully dynamic Leaflet and OpenStreetMap integration, compiling custom markers and route pathing without requiring proprietary API keys.
  • True Cost Surfacing: Calculates exact flight taxes, luggage fees, and hotel service charges into the final budget totals rather than presenting base ticket rates.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*