trip-map-builder

Generate an interactive trip map page with itinerary and location research.

183|17|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/hiyeshu/trip-map-builder --skill trip-map-builder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: trip-map-builder
Source: https://github.com/hiyeshu/trip-map-builder/tree/main
Command: npx skills add https://github.com/hiyeshu/trip-map-builder --skill trip-map-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires opencli, chromium, leaflet, gh-cli, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of planning a trip, including gathering constraints, creating a reference itinerary, researching locations, and generating an interactive map page.

Core Features & Use Cases

  • Trip Planning: Extracts hard constraints from user input, groups wishlists by area, and cuts high-risk items.
  • Location Research: Uses 大众点评 and 小红书 for restaurant research, evaluating taste, queue risk, ambiance, and recent experiences.
  • Map Generation: Generates a single HTML page with an interactive map, timeline, navigation links, and payment information.
  • Use Case: When a user wants to plan a trip, create an itinerary, research restaurants, or build a trip map page.

Quick Start

Plan my trip to Tokyo from May 1st to May 5th and generate an interactive map page.

Frequently Asked Questions about trip-map-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an interactive travel itinerary map with restaurant research?

To build an interactive travel itinerary map, this Skill extracts your trip constraints, researches restaurants using 大众点评 and 小红书, and generates a single HTML page featuring an interactive Leaflet map, timeline, and navigation links.

How does automated restaurant research work for trip planning?

Automated restaurant research works by querying 大众点评 and 小红书 to evaluate taste, queue risk, ambiance, and recent experiences, then integrating the selected locations directly into your generated itinerary and interactive map page.

Can I deploy the generated trip map page to Vercel?

Yes, you can deploy the generated trip map page to Vercel. After generating the single HTML page with the interactive map and timeline, the Skill optionally handles deployment to Vercel for online access.

What do I need to generate a trip map with Leaflet and Chromium?

To generate a trip map with Leaflet and Chromium, you need the opencli, chromium, leaflet, and gh-cli dependencies installed in your environment to support automated location research and interactive HTML map compilation.

What is the best way to plan a trip using wishlist grouping and constraint extraction?

The best way to plan a trip using wishlist grouping is to input your hard constraints and wishlists. The Skill groups locations by area, cuts high-risk items, and builds a reference itinerary to streamline your travel planning.

Does this trip planning approach handle payment information and navigation links?

Yes, this trip planning approach handles payment information and navigation links. The generated interactive HTML map page includes these details alongside the timeline to provide a complete travel planning solution.

Related Skills