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