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

Q4 Sales Performance.csv

#	Region	Revenue	Deals	Win Rate	Avg Deal	QoQ Growth
1	North America	$1.24M	86	74%	$14.4k	+12%
2	Europe	$980K	72	68%	$13.6k	+8%
3	APAC	$640K	54	71%	$11.8k	+18%
4	LATAM	$310K	31	62%	$10.0k	+5%
5	MEA	$185K	18	58%	$10.3k	+22%

Version History

Claude Opus 41,240 tokens2.1 KB1.4sTable

npx shadcn add "https://agents-ui-kit.com/c/agent-artifact.json"