diff --git a/docs/_static/docs-ai-completion-gh.png b/docs/_static/docs-ai-completion-gh.png
new file mode 100644
index 00000000000..054c6c66cd0
Binary files /dev/null and b/docs/_static/docs-ai-completion-gh.png differ
diff --git a/docs/_static/docs-ai-completion-preview.mp4 b/docs/_static/docs-ai-completion-preview.mp4
new file mode 100644
index 00000000000..ff2dc20db61
Binary files /dev/null and b/docs/_static/docs-ai-completion-preview.mp4 differ
diff --git a/docs/guides/editor_features/ai_completion.md b/docs/guides/editor_features/ai_completion.md
index 6494d4c047c..148254c5dbe 100644
--- a/docs/guides/editor_features/ai_completion.md
+++ b/docs/guides/editor_features/ai_completion.md
@@ -160,6 +160,12 @@ See the [llm_providers](../configuration/llm_providers.md) guide for detailed in
 
 ## Copilots
 
+Copilots allow you to tab-complete code based on your notebook's context, similar to editors like Cursor. 
+
+<video autoplay muted loop playsinline width="100%" height="100%" align="center">
+  <source src="/_static/docs-ai-completion-preview.mp4" type="video/mp4">
+</video>
+
 ### GitHub Copilot
 
 The marimo editor natively supports [GitHub Copilot](https://copilot.github.com/),
@@ -168,6 +174,13 @@ an AI pair programmer, similar to VS Code:
 1. Install [Node.js](https://nodejs.org/en/download).
 2. Enable Copilot via the settings menu in the marimo editor.
 
+<div align="center">
+<figure>
+<img src="/_static/docs-ai-completion-gh.png" width="740px"/>
+<figcaption>Follow these instructions.</figcaption>
+</figure>
+</div>
+
 _GitHUb Copilot is not yet available in our conda distribution; please install
 marimo using `pip`/`uv` if you need Copilot._