Which terminals are supported by the Document Canvas?

The skill is optimized for iTerm2 and Apple Terminal, providing a robust TUI experience with mouse support for text selection.

Can I select and edit text directly in the terminal?

Yes, using the 'edit' scenario, you can click and drag to select text. The selection metadata is automatically sent back to Claude via IPC for further processing.

How does the diff highlighting work?

You can provide specific start and end character offsets to the canvas, which will then render additions with a green background and deletions with a red background.

What markdown features are supported?

It supports standard markdown syntax including multiple header levels, bold/italic text, inline and fenced code blocks, links, lists, and blockquotes.

Is there a read-only mode for the canvas?

Yes, the 'display' scenario provides a read-only view where users can scroll and read content without the risk of accidental text selection or editing.

Interactive Markdown Canvas

Name: Interactive Markdown Canvas
Author: BEARLY-HODLING

byBEARLY-HODLING

•

コンテンツ管理

Renders and enables interactive editing of markdown documents and email previews within the Claude Code terminal interface.

Interactive Markdown Canvas provides a specialized Terminal User Interface (TUI) for viewing and refining markdown content directly within Claude Code. It bridges the gap between raw text and formatted documentation by offering rich rendering for headers, code blocks, and lists, while adding interactive features like mouse-based text selection and real-time IPC communication. Whether you are reviewing documentation, visualizing diffs with color-coded highlighting, or previewing email drafts, this skill provides a streamlined, visual workspace optimized for terminal environments like iTerm2 and Apple Terminal.

主な機能

01Rich Markdown rendering including syntax highlighting, lists, and blockquotes

02Interactive text selection with real-time IPC data transmission to Claude

03Visual diff highlighting with green/red background markers for additions and deletions

04Specialized display modes for standard documents and email previews

0534 GitHub stars

06Optimized TUI navigation with mouse support and keyboard shortcuts

ユースケース

01Previewing formatted email drafts within the terminal before finalizing automated communications

02Reviewing and selecting specific text segments from markdown documentation for AI-assisted editing

03Visualizing complex document changes using the integrated diff highlighting system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bearly-hodling/claude-canvas document

For use in Claude.ai and ChatGPT

Download Skill