Can I see changes made to a document?

Yes, the skill supports diff highlighting, which uses green backgrounds for additions and red backgrounds for deletions to make changes clear.

What is the Document Canvas skill?

It is a specialized Claude Code extension that opens an external monitor for viewing and interactively editing markdown content outside the standard terminal view.

How do I edit text within the canvas?

In the 'edit' scenario, you can click and drag to select specific text. This selection is automatically sent back to Claude in real-time, allowing for precise AI-driven edits.

Does it support standard markdown formatting?

Yes, it renders all common markdown features including headers, bold/italic text, code blocks, links, lists, and blockquotes.

Is there a way to use it for read-only viewing?

Yes, the 'display' and 'email-preview' scenarios provide a read-only document view where users can scroll and read without accidentally triggering edits.

Markdown Document Canvas

Name: Markdown Document Canvas
Author: dvdsgl

bydvdsgl

•

1,273

Content Management

Provides an interactive external monitor for Claude to display, edit, and highlight markdown documents with real-time feedback.

About

The Document Canvas skill extends Claude's capabilities by providing a dedicated interface for handling long-form content. It allows users to view beautifully rendered markdown, perform precise text selections for targeted editing, and visualize changes through integrated diff highlighting. Whether you are drafting a project proposal, reviewing a README, or composing complex emails, this skill provides the visual context and interactive tools necessary for professional content management directly within the Claude Code environment.

Key Features

Visual diff highlighting for tracking additions and deletions
Support for keyboard navigation and mouse-based interactions
1,273 GitHub stars
Rich markdown rendering including headers, code blocks, and lists
Interactive text selection with real-time IPC feedback
Dedicated display modes for documents, editing, and email previews

Use Cases

Drafting and previewing professional emails with specialized formatting
Editing blog posts or README files by selecting specific text blocks for revision
Reviewing project proposals with visual change tracking and diff markers

About

Key Features

Visual diff highlighting for tracking additions and deletions
Support for keyboard navigation and mouse-based interactions
1,273 GitHub stars
Rich markdown rendering including headers, code blocks, and lists
Interactive text selection with real-time IPC feedback
Dedicated display modes for documents, editing, and email previews

Use Cases

Drafting and previewing professional emails with specialized formatting
Editing blog posts or README files by selecting specific text blocks for revision
Reviewing project proposals with visual change tracking and diff markers