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_editoreditor.getMarkdown()
write_editorcontenteditor.setMarkdown(content)
replace_textfind, replaceget → replace first match → set
extract_textstart_line, end_lineline slice (read-only)
get_statscharacter / word / line counts
undoeditor.undo()
redoeditor.redo()