# travel-plan-viz > Turns a trip into one mobile-first HTML page with an interactive map, a day-by-day timeline and booking reminders, readable offline. A community Agent Skill by Zexuan (zexuanw958-svg), with a migrating-bird mascot called Migo, that turns a trip into a polished single-file HTML page you can open on your phone. Give it a destination and a number of days and it researches and plans the trip, or hand it a plan you already have and it builds the page and suggests a few optional improvements. The skill's instructions are written in Chinese. What's on the page - An interactive map with numbered stops, the route in order, and one-tap navigation links for Apple Maps, Android, Amap and Google Maps - A day-by-day timeline split into morning, afternoon and evening, with photos, ratings and a one-line note for each stop - Booking reminders worked back from your departure date, as a to-do list and as warnings on the timeline - Trip notes for the season: weather, what to wear, payment methods, useful apps and when to buy tickets - Candidate flights when nothing is booked yet, hotel areas with budget, mid-range and high-end options, and daily food picks How it works - Ask something like "Plan a 4-day, 3-night trip to Hong Kong", or paste your own itinerary and ask for a page. - It researches online, then builds the page with its own map, reminder and validation scripts; the map uses Leaflet with free tiles, so there's no API key. - A validation script checks for missing fields, out-of-place coordinates and required sections before you get the page. - The full itinerary is stored inside the page, so you can hand the HTML back and ask for changes, such as moving a stop to another day. - If you also have official travel skills installed, such as Fliggy, Amap, Tencent Maps or DiDi, it uses them for live flights, hotels, routes and weather. Good to know - The text itinerary reads offline; maps and photos need a connection. - Everything is AI-compiled and may be out of date, and the page says so; check prices and times in the official apps. - MIT licensed. - Type: Skill - Made by: zexuanw958-svg - Category: Travel & maps - Formats: Skills - Version: 8fb66ba - Source: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz - Page: https://pluginboard.ai/skills/travel-plan-viz ## Works with - ChatGPT - Claude - Gemini - GitHub Copilot - Cursor - Claude Code - Codex - Antigravity - Gemini CLI - Replit - OpenClaw - OpenCode - Hermes Agent ## Install ### ChatGPT In ChatGPT: Download the travel-plan-viz folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans. View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Claude In Claude (web or desktop): Download the travel-plan-viz folder and zip the folder itself, then upload it in Customize → Skills. View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Gemini In Gemini: Download the travel-plan-viz folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it). View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### GitHub Copilot Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.copilot/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Cursor Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.cursor/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Claude Code Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.claude/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Codex Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.agents/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Antigravity In Antigravity: Copy the travel-plan-viz folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI). View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Gemini CLI Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.gemini/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Replit Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz .agents/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### OpenClaw Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.openclaw/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### OpenCode Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.config/opencode/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz ### Hermes Agent Run in your terminal: ```shell npx -y degit zexuanw958-svg/travel-plan-viz/travel-plan-viz ~/.hermes/skills/travel-plan-viz ``` View the folder on GitHub: https://github.com/zexuanw958-svg/travel-plan-viz/tree/HEAD/travel-plan-viz --- From Pluginboard (https://pluginboard.ai).