hub / github.com/dvdsgl/claude-canvas

github.com/dvdsgl/claude-canvas @main

196 symbols 340 edges 42 files 0 documented · 0% ● updated 6mo ago★ 1,5002 open issues

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Claude Canvas

A TUI toolkit that gives Claude Code its own display. Spawn interactive terminal interfaces for emails, calendars, flight bookings, and more.

Note: This is a proof of concept and is unsupported.

Claude Canvas Screenshot

Requirements

Bun — used to run skill tools
tmux — canvases spawn in split panes

Installation

Add this repository as a marketplace in Claude Code:

/plugin marketplace add dvdsgl/claude-canvas

Then install the canvas plugin:

/plugin install canvas@claude-canvas

License

MIT

Extension points exported contracts — how you extend this code

TerminalEnvironment (Interface)

(no doc)

canvas/src/terminal.ts

SpawnResult (Interface)

(no doc)

canvas/src/terminal.ts

SpawnOptions (Interface)

(no doc)

canvas/src/terminal.ts

ScenarioDefinition (Interface)

(no doc)

canvas/src/scenarios/types.ts

CalendarEvent (Interface)

(no doc)

canvas/src/scenarios/types.ts

Core symbols most depended-on inside this repo

cleanup

called by 7

canvas/src/api/canvas-api.ts

buildSeat

called by 5

canvas/src/canvases/flight/types.ts

isSameDay

called by 4

canvas/src/canvases/calendar.tsx

useMouse

called by 4

canvas/src/canvases/calendar/hooks/use-mouse.ts

highlightInline

called by 4

canvas/src/canvases/document/components/raw-markdown-renderer.tsx

parseInline

called by 4

canvas/src/canvases/document/components/markdown-renderer.tsx

wordWrapSegments

called by 4

canvas/src/canvases/document/components/markdown-renderer.tsx

renderField

called by 4

canvas/src/canvases/document/components/email-header.tsx

Shape

Function 124

Interface 72

Languages

TypeScript100%

Modules by API surface

canvas/src/canvases/calendar.tsx20 symbols

canvas/src/canvases/calendar/types.ts13 symbols

canvas/src/canvases/document/components/markdown-renderer.tsx12 symbols

canvas/src/api/canvas-api.ts12 symbols

canvas/src/terminal.ts10 symbols

canvas/src/scenarios/types.ts10 symbols

canvas/src/ipc/client.ts10 symbols

canvas/src/canvases/flight/types.ts10 symbols

canvas/src/canvases/calendar/hooks/use-mouse.ts10 symbols

canvas/src/canvases/document/types.ts9 symbols

canvas/src/ipc/server.ts8 symbols

canvas/src/canvases/index.tsx7 symbols

For agents

$ claude mcp add claude-canvas \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact