Agent Artifact
Display AI-generated structured artifacts such as code snippets, tables, and documents with live preview and version history.
Features
- Multi-Type Support: Render code blocks, data tables, documents, and other structured outputs
- Tab Preview: Switch between rendered preview and raw source in a tabbed interface
- Version History: Browse and restore previous versions of the artifact
- Code Display: Syntax-highlighted code view with copy-to-clipboard support
- Export Actions: Download or share artifacts in multiple formats
Examples
Generated API Schema
Generated artifact
Table · Version 2 · 10:14
Preview
Raw
Details
| # | Region | Revenue | Deals | QoQ Growth |
|---|---|---|---|---|
| 1 | North America | $1.24M | 86 | +12% |
| 2 | Europe | $980K | 72 | +8% |
| 3 | APAC | $640K | 54 | +18% |
Installation
npx shadcn@latest add "https://agents-ui.github.io/agents-kit/c/agent-artifact.json"