Slate: Real-Time AI Collaboration on Code and Docs

Slate is Caiioo's workspace for editing code and documents with the AI. Instead of copying text back and forth, work together in real-time with inline diffs, comments, and version history.

What Slate Can Do

  • Code editing — Write and edit code with syntax highlighting. See exactly what changed and accept/reject changes one at a time.
  • Rich text editing — Create documents with formatting, headings, tables, and lists. Get AI suggestions inline.
  • SVG drawings you can see and refine — Open an SVG (a logo, diagram, or chart) and flip between the source code and a rendered image with one toggle. The AI renders the drawing as it works, sees the result, and iterates—so it can fix a misaligned label or recolor a shape and confirm the change visually in the same turn.
  • Version history — Go back to any previous version. See who changed what and when.
  • Comments — Leave notes on specific parts of your code or document.

How to Use Slate

The AI opens Slate automatically when you ask for code or document creation:

  • "Write a Python script that scrapes product reviews"
  • "Draft a blog post about machine learning"
  • "Create an HTML page with a contact form"
  • "Edit this document and improve the tone"

When the AI opens a Slate, you can:

  1. Read the code or document — It's displayed with full formatting
  2. Review changes — If the AI proposes edits, see the diffs highlighted inline
  3. Accept or reject changes — Click checkmark to accept, X to reject (one change at a time)
  4. Make your own edits — Directly edit the code or text
  5. Ask for more changes — "Add error handling to this function" or "Make this more concise"
  6. View history — Click "History" to see all edits and revert if needed

Code Features

  • Syntax highlighting for Python, JavaScript, TypeScript, Java, C++, CSS, HTML, SQL, and more
  • Line numbers and bracket matching
  • Inline diffs — See exactly what changed, line by line
  • Per-change accept/reject — Granular control over each edit
  • SVG code ↔ view toggle — For SVG drawings, switch between the raw markup and a rendered preview with a single click; edit the code and watch the picture update

Rich Text Features

  • Formatting toolbar — Bold, italic, links, lists, tables
  • Headings and blocks — Organize with structure
  • Comments — Leave notes without modifying the text
  • Tracked changes — See additions, deletions, and modifications with colored highlights. Accept or reject one change at a time, all at once, or select a region and use "✓ Sel" / "✗ Sel" to accept or reject every tracked change inside your selection—just like selecting a paragraph in Word.
  • Spreadsheet tracked changes — Spreadsheet (.xlsx) edits support cell-level tracked changes too. The AI proposes changes cell by cell, and you accept or reject each one just like in a document.
  • Find and replace — Search across the document and replace matches

Tips

  • You can edit while the AI is working—changes sync
  • Version history keeps every edit. You can't lose anything
  • Export in the format that fits your workflow: Word (.docx), PDF, HTML, Markdown, rich text (.rtf), CSV for tabular data, or the document's native format

This guide is maintained by the Caiioo team using Slate, our built-in editor.