Formats





Pattern
Agent Sheet Artifact
Template-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.
IntermediateApr 2026View the full pattern on desktop


Problems solved
- Stream tabular CSV updates with data-sheetDelta UI parts
- Edit sheet content in a CSV grid artifact panel
- Keep version history in memory without database persistence
- Drive sheet updates from agent tool calls and quick prompts
Use cases
- Chat spreadsheet prototypes
- Budget and forecast sheet copilots
- In-browser CSV artifact demos
- Vercel-style sheet artifact templates
AI SDK APIs
streamTextcreateUIMessageStreamgatewaytool
Tags
aispreadsheetcsvstreamingai-sdkartifactsreact-data-grid
Requirements
- Node.js
- 24+
- Memory
- 256MB
- Other
- Vercel AI Gateway API key
Environment variables
AI_GATEWAY_API_KEYGet key
External services
openaiupstash
Ready to use?
View the full interactive pattern with live preview and copy the source code.
View the pattern on desktopRelated patterns


Agent XLSX Artifact
Download-first Excel artifact pattern. The agent streams CSV through a tool call, renders a spreadsheet preview, and exports a real .xlsx file with SheetJS.
aiexcel+6
View pattern →


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 →



