Can I use my mouse to interact with the Canvas TUIs?

Yes, the components are built for terminals with mouse support, enabling you to click, select dates, or pick seats just like a graphical application.

What is the difference between 'show' and 'spawn' commands?

'show' runs the canvas in your current terminal window, while 'spawn' opens it in a new tmux or iTerm2 split, allowing you to keep chatting with Claude.

How does Claude communicate with the TUI components?

The toolkit uses Unix domain sockets for Inter-Process Communication (IPC), allowing the canvas to send events like 'selected' or 'cancelled' back to the controller.

What terminal environments are required for the Canvas skill?

Canvas requires either iTerm2 (on macOS) or an active tmux session to handle the creation of split-pane windows for interactive displays.

Canvas TUI Toolkit

Name: Canvas TUI Toolkit
Author: ishuru

byishuru

0•

Productividad y Flujo de Trabajo

Provides interactive terminal user interface components for managing calendars, editing documents, and visualizing complex data in Claude Code.

The Canvas TUI Toolkit enables Claude to spawn and control rich, interactive terminal displays (TUIs) such as calendars, markdown editors, and travel booking interfaces directly within your CLI. By leveraging tmux or iTerm2 split panes, it allows for a multi-window experience where you can interact with visual components while keeping your conversation active. It includes a robust IPC system for real-time communication between the canvas and the controller, making it perfect for tasks that require more than just text-based input.

Características Principales

01Interactive terminal components for calendars, document editing, and flight selection

02Real-time IPC communication via Unix domain sockets

03Automatic pane management using iTerm2 or tmux for seamless multitasking

04Terminal environment auto-detection with support for mouse-based interactions

05High-level TypeScript API for programmatic interaction and data retrieval

060 GitHub stars

Casos de Uso

01Comparing flights and selecting seats through a visual map within the CLI

02Picking meeting slots visually from a terminal-based calendar interface

03Editing and previewing markdown documentation in a dedicated terminal split

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ishuru/claude-canvas-ultra canvas

For use in Claude.ai and ChatGPT

Download Skill