Examples › LLM integrations › AI Canvas

AI Canvas

Canvas-style editing: chat with an AI agent that reads, writes, and transforms your document. Simulated mode works without an API key. Toggle live mode to use any OpenAI-compatible provider (BYOK).

Settings Simulated

Chat

Document canvas (QuikdownEditor)

Try a command:

How it works

1. User types in chat → 2. Agent picks tools → 3. Browser runs tools on editor → 4. Agent replies in chat

Simulated mode maps natural-language commands to hard-coded tool sequences. Live mode sends messages to an OpenAI-compatible API and executes tool calls returned by the model.

Tool reference

ToolParametersEditor API
read_editor—editor.getMarkdown()
write_editorcontenteditor.setMarkdown(content)
replace_textfind, replaceget → replace first match → set
extract_textstart_line, end_lineline slice (read-only)
get_stats—character / word / line counts
undo—editor.undo()
redo—editor.redo()