Does this skill support email formatting?

Yes, it includes a specific 'email-preview' scenario designed to display email content clearly for review before sending.

How does diff highlighting work in this skill?

The skill visually identifies changes by applying a green background for text additions and a red background for deletions, making it easy to track document versions.

Can I select text within the document canvas?

Yes, in the 'edit' scenario, you can click and drag to select text. The selection data, including offsets and line numbers, is sent back to the system in real-time.

Which Markdown features are supported by the renderer?

The renderer supports headers, bold and italic text, inline and fenced code blocks, links, bulleted lists, and blockquotes.

What is the Markdown Document Canvas skill?

It is a specialized capability for Claude Code that provides an interactive interface for viewing, editing, and previewing Markdown content like documents and emails.

Markdown Document Canvas

Name: Markdown Document Canvas
Author: az9713

byaz9713

0•

Content Management

Renders and facilitates interactive editing of Markdown documents with real-time text selection and diff highlighting.

The Markdown Document Canvas skill provides a specialized interface within Claude Code for viewing and interacting with Markdown content, ranging from technical documentation to email drafts. It offers multiple display modes including a read-only view, an interactive editing scenario with real-time text selection, and a specialized email preview. By supporting visual diff highlighting for additions and deletions, it allows users to clearly track changes and select specific text segments to be processed further by Claude, making it an essential tool for content creation and refinement.

Key Features

01Full Markdown rendering including headers, lists, and code blocks

02Visual diff highlighting for additions (green) and deletions (red)

03Responsive controls with keyboard navigation and scroll support

040 GitHub stars

05Interactive text selection with real-time IPC data transfer

06Specialized viewing scenarios for documents, edits, and email previews

Use Cases

01Selecting specific content segments for AI-powered rewriting or refactoring

02Reviewing and editing technical documentation or blog posts

03Previewing and formatting professional email drafts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add az9713/claude-canvas document

For use in Claude.ai and ChatGPT

Download Skill