How do I navigate between the flight list and the seat map?

You can use the Tab key to switch focus between the flight options list and the interactive seatmap grid.

Can I customize the aircraft layout in the seat map?

Yes, the seatmap configuration allows you to define the number of rows, seats per row, aisle placement, and specifically mark seats as premium or unavailable.

What data is returned after a user selects a flight?

The skill returns a JSON object containing the full flight details and the specific seat identifier (e.g., '12A') via IPC.

Does this skill support different cabin classes?

Yes, the skill supports economy, premium, business, and first-class designations, which can be reflected in the flight details and pricing.

Flight Booking Canvas

Name: Flight Booking Canvas
Author: az9713

byaz9713

0•

E-commerce Solutions

Provides an interactive, cyberpunk-themed interface for comparing flight options and selecting seats within Claude Code.

Flight Canvas is a specialized UI component for Claude Code designed to handle the complexities of travel selection. It offers a high-fidelity terminal interface where users can browse detailed flight itineraries, compare pricing and cabin classes, and interact with a visual seat map. By supporting keyboard navigation and IPC data returns, this skill enables developers to build sophisticated travel booking workflows that combine AI-driven search with precise, user-controlled selection interfaces.

Key Features

01Configurable flight data models including airport codes, timezones, and aircraft types

02Interactive flight comparison showing airline, duration, and pricing details

03Dynamic seat map visualization with support for premium and occupied statuses

040 GitHub stars

05Full keyboard-driven navigation for selection and navigation between views

06IPC integration to return selected flight and seat identifiers to the parent process

Use Cases

01Integrating visual flight selection into conversational travel assistants

02Building terminal-based booking systems with interactive seat selection

03Prototyping e-commerce travel workflows within the Claude Code environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add az9713/claude-canvas flight

For use in Claude.ai and ChatGPT

Download Skill