Travel Plan Viz

Turns a trip into one offline HTML file: map, timeline, booking reminders

Tested · Works

Test report

Verdict
Tested · Works
Score
8.4/10
Tested
Jul 17, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 8fb66ba

The bundled validate.js is a real CLI validator, and its 21 unit tests all pass on the current Node. Fed a trip with a swapped lat/lng (writing 118.089 into the latitude field), the engine caught it as an out-of-range coordinate a freehand page would have silently pinned off-map, and the reminders engine correctly back-calculated booking deadlines in UTC. That mechanical layer is a concrete edge over a no-skill HTML page. Docs ding: all four showcased sample HTML files actually fail the skill's own validator (missing the embedded trip-data JSON and gcj02ToWgs84 inline the SKILL now requires), so the marketed outputs predate the current contract.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 7/10
  • Docs & honesty 4/5

What Travel Plan Viz does

Generates a single-file, mobile-first HTML travel page with an interactive Leaflet map, a day-by-day timeline, and pre-trip booking reminders. Give it a destination and number of days to plan from scratch, or hand it an existing itinerary to render. Triggers on travel-plan visualization, itinerary-to-webpage, and trip-page requests.

How to install Travel Plan Viz

git clone https://github.com/zexuanw958-svg/travel-plan-viz.git
mkdir -p ~/.claude/skills
cd travel-plan-viz && cp -r travel-plan-viz ~/.claude/skills/travel-plan-viz

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Travel Plan Viz

  • /travel-plan-viz Turns a trip into one offline HTML file: map, timeline, booking reminders

It also activates on plain-language prompts like these:

  • turn my Tokyo itinerary into an offline HTML page with a map
  • plan a three-day Chengdu trip and give me a timeline webpage
  • build me a trip page that reminds me of booking deadlines

Frequently asked questions

Is the Travel Plan Viz skill free?
Yes. The skill itself is free from zexuanw958-svg/travel-plan-viz. SkillProof publishes the install command and an independent test verdict at no cost.
Does Travel Plan Viz work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 17, 2026. Verdict: Tested · Works. The bundled validate.js is a real CLI validator, and its 21 unit tests all pass on the current Node. Fed a trip with a swapped lat/lng (writing 118.089 into the latitude field), the engine caught it as an out-of-range coordinate a freehand page would have silently pinned off-map, and the reminders engine correctly back-calculated booking deadlines in UTC. That mechanical layer is a concrete edge over a no-skill HTML page. Docs ding: all four showcased sample HTML files actually fail the skill's own validator (missing the embedded trip-data JSON and gcj02ToWgs84 inline the SKILL now requires), so the marketed outputs predate the current contract.
What is the Travel Plan Viz SkillProof Score?
8.4/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 7/10, docs & honesty 4/5.
How do I install Travel Plan Viz?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Travel Plan Viz with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.