Can I track changes with this skill?

Yes, the edit mode supports visual diff highlighting, showing additions in green and deletions in red for easy revision tracking.

Is there a specific mode for emails?

Yes, the skill includes a specialized email-preview scenario specifically designed for viewing and reviewing email content.

What is the Document Canvas skill?

It is a specialized capability for Claude that provides a dedicated UI for displaying and interacting with Markdown content like documents, blog posts, and emails.

Does it support standard Markdown syntax?

Yes, it renders headers, bold/italic text, code blocks, links, lists, and blockquotes with full syntax highlighting.

How does the selection feature work?

In edit mode, users can click and drag to select text, and the skill automatically sends the selection data, including offsets and line numbers, back to the system.

Markdown Document Canvas

Name: Markdown Document Canvas
Author: kyle-bartlett

bykyle-bartlett

0•

Content Management

Renders and edits interactive Markdown documents with diff highlighting and precise text selection for streamlined content creation.

This skill provides a specialized canvas for Claude to display and manipulate long-form Markdown content, such as blog posts, technical documentation, and emails. It offers multiple modes including a read-only viewer, a specialized email preview, and an interactive editor that supports real-time text selection and visual diff highlighting for tracking additions or deletions. By allowing users to select specific text segments that are sent back to the model via IPC, it enables precise contextual editing and a more intuitive workflow for collaborative writing and document refinement within the Claude environment.

Key Features

01Support for standard Markdown elements like headers, lists, and code blocks

02Interactive Markdown rendering with full syntax highlighting

03Specialized view modes for read-only display and email previews

040 GitHub stars

05Visual diff highlighting for tracking additions and deletions

06Real-time text selection with precise character and line offset tracking

Use Cases

01Reviewing and selecting specific sections of blog posts for targeted AI editing

02Previewing formatted email templates before finalization

03Drafting and refining technical documentation with real-time feedback

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kyle-bartlett/claude-canvas document

For use in Claude.ai and ChatGPT

Download Skill