Formats

Pattern

Agent Code Artifact

Template-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.

IntermediateApr 2026View the full pattern on desktop
Agent Code Artifact preview

Problems solved

  • Stream Python code updates with data-codeDelta UI parts
  • Edit code in a CodeMirror editor with Pyodide run support
  • Keep code versions in memory without database persistence
  • Update the artifact from agent tools and quick prompts

Use cases

  • Python coding copilots in chat
  • Runnable notebook-style demos
  • Teaching code artifacts with Pyodide
  • In-browser code editors for agents

AI SDK APIs

streamTextcreateUIMessageStreamgatewaytool

Tags

aipythoncodemirrorstreamingai-sdkartifactspyodide

Requirements

Node.js
24+
Memory
256MB
Other
  • Vercel AI Gateway API key

Environment variables

External services

openaiupstash

Ready to use?

View the full interactive pattern with live preview and copy the source code.

View the pattern on desktop

Related patterns

Agent Sheet Artifact preview

Agent Sheet Artifact

Template-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.

aispreadsheet+5
View pattern →
Agent Slides Artifact preview

Agent Slides Artifact

Template-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.

aislides+5
View pattern →
Agent Text Artifact preview

Agent Text Artifact

Template-style text artifact with data-textDelta streaming, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.

aimarkdown+4
View pattern →
Agent Mermaid Artifact preview

Agent Mermaid Artifact

Template-style Mermaid artifact with data-mermaidDelta streaming, diagram preview and source editor, SVG/PNG export, in-memory versions, and quick prompts — no database persistence.

aimermaid+5
View pattern →