What software runtime is required for this skill?

This skill requires Bun to execute the underlying CLI commands and manage the canvas components effectively.

Can I use my mouse to interact with the canvases?

Yes, the Canvas TUI components are designed to work with terminal mouse support for clicking, selecting, and navigating UI elements.

How does Claude communicate with the terminal canvas?

It uses Unix domain sockets for Inter-Process Communication (IPC), allowing real-time data exchange and state updates between the controller and the canvas.

Does this skill require a specific terminal emulator?

Yes, it requires iTerm2 (recommended for macOS) or an active tmux session to support the split-pane spawning functionality.

Interactive Terminal Canvas

Name: Interactive Terminal Canvas
Author: kyle-bartlett

bykyle-bartlett

0•

Herramientas para Desarrolladores

Provides interactive TUI components like calendars, document editors, and booking interfaces directly within terminal split panes.

The Canvas skill enables Claude to spawn and manage rich, interactive terminal user interface (TUI) components using iTerm2 split panes or tmux sessions. It allows developers and users to move beyond simple text output by providing visual tools for complex tasks like scheduling meetings, editing Markdown documents, or selecting flight seats. By utilizing Unix domain sockets for IPC communication, the skill creates a bridge between Claude's reasoning and interactive terminal displays, making it an essential toolkit for building sophisticated terminal-based workflows and productivity automations.

Características Principales

01Real-time IPC communication via Unix domain sockets for state management

020 GitHub stars

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

04Seamless integration with iTerm2 and tmux for multi-pane terminal displays

05High-level TypeScript API for programmatic control of terminal canvases

06Automatic terminal detection and native mouse support for intuitive navigation

Casos de Uso

01Visualizing and selecting meeting times via a calendar interface during development

02Navigating flight seat maps and comparing travel options within a terminal session

03Editing and previewing Markdown documentation in a dedicated terminal split

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kyle-bartlett/claude-canvas canvas

For use in Claude.ai and ChatGPT

Download Skill