Document

Document canvas for displaying and editing markdown content. Use when showing documents or when users need to edit text.

ItamarZand88 185b719 1.3 KB Updated

File contents

Document Canvas

Display markdown documents with syntax highlighting.

Example Prompts

Try asking Claude:

  • "Draft an email to the marketing team"
  • "Show me this document"
  • "Help me edit this content"

Scenarios

display (default)

Read-only document view with markdown rendering.

bun run src/cli.ts show document --scenario display --config '{
  "content": "# Hello World\n\nThis is **markdown** content.",
  "title": "My Document"
}'

edit

Interactive document view with text editing.

bun run src/cli.ts spawn document --scenario edit --config '{
  "content": "# My Document\n\nEdit this content...",
  "title": "Edit Mode",
  "readOnly": false
}'

Configuration

interface DocumentConfig {
  content: string;        // Markdown content
  title?: string;         // Document title
  readOnly?: boolean;     // Disable editing (default: false for edit)
}

Markdown Support

  • Headers (# H1, ## H2, etc.)
  • Bold (**text**)
  • Italic (*text*)
  • Code (`inline` and fenced blocks)

Controls

  • ↑/↓ - Scroll
  • PageUp/PageDown - Page navigation
  • q or Esc - Close

itamarzand88/claude-code-canvas-windows/tree/main/canvas/skills/document commit 185b719b67

Frequently asked questions

npx skillmds@latest add itamarzand88/document