What happens after I select a seat?

The skill returns a structured FlightResult object via IPC, containing the selected flight details and seat number (e.g., '12A') for your application to use.

How do I navigate the seat map?

Navigation is handled entirely via keyboard: use arrow keys to move the cursor, Space to select a seat, and Enter to confirm your selection.

Does this skill integrate with actual airline APIs?

Flight Canvas provides the interface and selection logic; you can feed data from any airline API into its configuration and process the returned selection through your own booking logic.

Can I customize the flight data shown?

Yes, the skill accepts a JSON configuration object containing flight IDs, airline details, pricing, and specific seatmap layouts including premium and occupied rows.

What is Flight Canvas?

It is a specialized interactive interface for Claude Code that allows users to compare flight data and select seats using a visual, terminal-based layout.

Flight Canvas

Name: Flight Canvas
Author: kyle-bartlett

bykyle-bartlett

0•

电子商务解决方案

Provides a cyberpunk-themed interactive interface for comparing flights and selecting seats directly within the terminal.

Flight Canvas is a specialized UI component for Claude Code that simplifies flight selection and seating logistics. It renders a terminal-based interface where users can browse airline options, view pricing, and interact with a visual seat map. Designed for developers building travel tools or terminal dashboards, this skill handles complex data structures like airport codes and cabin classes while providing keyboard-driven navigation and returning structured selection data via IPC.

主要功能

01Full keyboard navigation support including arrow keys, Tab, and Enter

02Structured data output for seamless integration with booking APIs

03Support for detailed flight configurations, aircraft types, and cabin classes

040 GitHub stars

05Interactive terminal-based seat map with real-time selection states

06Cyberpunk-themed UI for flight comparison and duration tracking

使用场景

01Streamlining flight selection workflows within developer-focused applications

02Building terminal-based flight booking or travel management command-line tools

03Prototyping interactive travel UI components with a high-contrast aesthetic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kyle-bartlett/claude-canvas flight

For use in Claude.ai and ChatGPT

Download Skill