Does spawning a canvas interrupt my current Claude session?

No, by using the spawn command, the canvas opens in a separate split pane, keeping your main conversation terminal available for continued interaction.

How does the Canvas skill communicate with Claude?

It uses Unix domain sockets for Inter-Process Communication (IPC), allowing Claude to send configuration updates and receive user selection data in real-time.

Can I use my mouse with these terminal components?

Yes, the TUI components are designed for terminals with mouse support to allow for intuitive clicking, scrolling, and selection.

Do I need a specific runtime to use this skill?

Yes, the toolkit requires Bun to execute the canvas commands and manage the terminal interface lifecycle.

What terminal emulators are supported by Canvas?

Canvas supports iTerm2 natively on macOS and any terminal running a tmux session for cross-platform and remote use.

Canvas TUI Toolkit

Name: Canvas TUI Toolkit
Author: BEARLY-HODLING

byBEARLY-HODLING

•

Productivity & Workflow

Enhances Claude Code with interactive terminal user interface (TUI) components for visual task management and data display.

Canvas is a specialized toolkit that allows Claude Code to go beyond text-based interactions by spawning interactive terminal displays. By leveraging iTerm2 or tmux splits, it provides dedicated panes for complex tasks like managing calendars, editing markdown documents, and visualizing flight data. This skill enables a more intuitive workflow where Claude can control UI elements and receive real-time feedback through a robust IPC communication system, making it ideal for developers who want a richer, more visual terminal experience during their coding sessions.

Key Features

0134 GitHub stars

02Scenario-based spawning for specific interaction modes like meeting picking or email previews

03Interactive terminal components for calendars, document editing, and flight booking

04Seamless integration with iTerm2 and Apple Terminal via tmux split panes

05Unix domain socket IPC for real-time communication between Claude and the canvas

06Full terminal mouse support for intuitive, click-based user interactions

Use Cases

01Editing and reviewing markdown documents or email previews in a side-by-side split view

02Comparing flight options and selecting seats using an interactive visual seat map

03Visualizing and selecting meeting slots directly within the terminal workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bearly-hodling/claude-canvas canvas

For use in Claude.ai and ChatGPT

Download Skill