leolionart

Vietnam Travel — AI skill for Claude Code

AI community

A tool for AI to visualize plans on a map, a plan table, and an interactive interface with your travel plan.

How to install Vietnam Travel

This entry records only its repository, not the path inside it, so there is no exact command to give. Open leolionart/vietnam-travel and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Vietnam Travel does

A tool for AI to visualize plans on a map, a plan table, and an interactive interface with your travel plan. Helps easily share with friends and collaboratively refine the travel plan.

Alternatives in AI

  • Agor — Orchestrate Claude Code, Codex, and Gemini sessions on a multiplayer canvas 1.2k ★
  • Oil UI — Push AI UI design to its limits: explore distinct directions, compare them side by side, and refine against re 861 ★
  • Tokentap — Intercept LLM API traffic and visualize token usage in a real-time terminal dashboard 763 ★

README

Vietnam Roadtrips — Visual travel planner powered by AI

Chat with your AI. Get a shareable link. No login. No friction.

**[trips.naai.studio](https://trips.naai.studio)**


The idea

Western travel culture loves roadtrips — hopping between towns, experiencing local food, sleeping somewhere new every night. Vietnam is *perfect* for this: the country stretches 1,650 km from north to south, packed with distinct provinces, each with its own cuisine, landscapes, and rhythm.

Most AIs can plan a great multi-stop Vietnam itinerary — but the output is a wall of text. **Vietnam Roadtrips** gives that plan a visual home: an interactive timeline with a live map, estimated time at each attraction, transport between stops, food recommendations, and cost estimates. All rendered beautifully from a single shareable link.

![](docs/assets/screenshot-1.png)

![](docs/assets/screenshot-2.png)


Quick start — Add the MCP to your AI

No installation needed. Connect your AI directly to the server:

https://trips.naai.studio/mcp

Pick your AI client below:

Claude Desktop

Edit `~/Library/Application Support/Claude/claude_desktop_config.json`:

{
  "mcpServers": {
    "vietnam-roadtrips": {
      "url": "https://trips.naai.studio/mcp"
    }
  }
}

Restart Claude Desktop.

Claude Code

Run in terminal:

claude mcp add vietnam-roadtrips --transport http https://trips.naai.studio/mcp

Or add manually to `~/.claude/claude_desktop_config.json` (same JSON as Claude Desktop above).

Cursor

Edit `~/.cursor/mcp.json`:

{
  "mcpServers": {
    "vietnam-roadtrips": {
      "url": "https://trips.naai.studio/mcp"
    }
  }
}
Windsurf

Edit `~/.codeium/windsurf/mcp_config.json`:

{
  "mcpServers": {
    "vietnam-