Artifacts
Artifacts are files generated by the AI during a chat conversation. When the AI produces structured output — a code snippet, an HTML page, a CSV table, or an image — it appears as an artifact in the side panel.
What Are Artifacts
An artifact is any distinct piece of content the AI generates that is better displayed as a standalone file rather than inline text. The AI automatically creates artifacts when it generates:
- HTML pages — rendered live in an iframe preview
- Code — syntax-highlighted in the artifact viewer (JavaScript, Python, SQL, etc.)
- CSV / JSON — structured data that can be downloaded
- Markdown — formatted documents
- Images — base64-encoded images displayed inline
Viewing Artifacts
When an artifact is generated, the Artifacts panel slides open on the right side of the chat. Each artifact shows:
- A title (generated by the AI)
- The file type
- A preview (HTML is rendered; code is syntax-highlighted)
- Action buttons
Click an artifact in the panel to expand its preview. Click Collapse Panel to minimize it back.
Actions
Download
Click Download to save the artifact to your local file system. The file is named with the artifact title and the appropriate extension (.html, .js, .csv, etc.).
Copy
Click Copy to copy the artifact content to your clipboard. Useful for code snippets you want to paste into your editor.
Embed in Site
Click Embed in Post to post the artifact to a connected site:
- Select the target site from the dropdown.
- The platform calls the site's attachment or content-creation tool with the artifact data.
- A confirmation appears if the embed succeeds.
INFO
Not all sites support embedding. The option only appears for sites that expose a compatible attachment or content-creation tool.
Artifact Types
| Type | Extension | Preview |
|---|---|---|
| HTML | .html | Live iframe render |
| JavaScript | .js | Syntax-highlighted code |
| TypeScript | .ts | Syntax-highlighted code |
| Python | .py | Syntax-highlighted code |
| SQL | .sql | Syntax-highlighted code |
| CSS | .css | Syntax-highlighted code |
| CSV | .csv | Raw text (downloadable) |
| JSON | .json | Syntax-highlighted |
| Markdown | .md | Rendered markdown |
| Image | .png | Inline image display |
Size Limits
Artifacts are stored as part of the conversation message in the database. Very large outputs may be truncated by the AI model's output token limit. In practice, most artifacts are well within limits:
- Code and text artifacts: typically under 50KB
- HTML artifacts: typically under 100KB
- Images: base64-encoded, limited by the model's output capacity
Tips
- Ask the AI to "create an artifact" or "generate an HTML page" to explicitly trigger artifact creation.
- Use artifacts for shareable outputs — post a summary to your forum, export data as CSV, or generate an HTML report.
- Artifacts persist in the conversation and can be viewed again by scrolling to the message that created them.