document

Displays and edits markdown documents with text selection and diff highlighting in a canvas view.

2|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/ghoshsam/claude-code-skills --skill document-ghoshsam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: document
Source: https://github.com/ghoshsam/claude-code-skills/tree/main/skills/canvas/document
Command: npx skills add https://github.com/ghoshsam/claude-code-skills --skill document-ghoshsam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Drafting and reviewing markdown content like emails, blog posts, or proposals often requires a dedicated view where users can read rendered content, highlight sections, and mark changes. This Skill provides a document canvas that renders markdown, supports interactive text selection, and visualizes additions and deletions. ## Core Features & Use Cases - Markdown Rendering: Displays headers, bold, italic, code blocks, links, lists, and blockquotes in a readable document view. - Interactive Text Selection: In edit mode, users click and drag to select text, with selection offsets and line/column positions returned via IPC. - Diff Highlighting: Marks additions in green and deletions in red using character offset ranges. - Use Case: Ask the AI to draft a project proposal, display it in the canvas, then highlight the sections you want revised so the AI knows exactly what to change. ## Quick Start Ask the AI to draft an email or document and show it in the document canvas so you can review and select text to edit.

Frequently Asked Questions about document

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display a markdown document in a canvas view?

Use the display scenario with a content string and optional title to render markdown read-only. The canvas supports headers, bold, italic, code, links, lists, and blockquotes.

How do I let users select text in a document for editing?

Use the edit scenario, which enables click-and-drag text selection. The selected text, character offsets, and line/column positions are sent back via IPC in real time.

Does the document canvas support diff highlighting?

Yes, pass a diffs array with startOffset, endOffset, and type fields. Additions render with a green background and deletions with red, based on character offsets in the content.

What markdown features are supported in the document view?

Supported features include headers, bold, italic, inline and fenced code blocks, links, bullet lists, and blockquotes. Tables and images are not listed as supported.

Can I show a read-only document without text selection?

Yes, the display scenario renders a read-only view where users can scroll but cannot select text. You can also set the readOnly option in the configuration.