Artifacts
Claude官网的可执行内容沙盒功能，允许用户在对话界面内预览并运行Claude生成的HTML/CSS/JavaScript代码、SVG图形、React组件等
核心事实
时间轴 (近 90 天)
Claude.ai 的 Artifacts 功能能将想法转化为可分享的应用、工具或内容，例如 HTML 页面、交互式数据可视化或格式规整的文档
Vercel AI SDK 的 streamUI 原语、Vercel v0 以及 Anthropic 的 Artifacts 都是生成式UI的早期形态，能让LLM直接输出可渲染的React组件或交互界面
AI生成UI的产品探索路径与Anthropic的Artifacts、Google的Workspace AI相近
Claude免费计划包含Claude Sonnet模型、网页搜索、文件上传和Artifacts功能
Artifacts能生成可运行的交互式工具（如计算器、仪表盘、表单），在对话旁的独立面板中构建成品，无需用户编写代码
Artifacts生成的成品可以发布为Anthropic托管的公开链接，无需用户自己部署服务器
Artifacts当前不能持久化存储数据，刷新即重置，也无法访问外部API
交互式可视化生成能力与 OpenAI Code Interpreter、Anthropic Artifacts 等产品的演进路径一致
Claude Code 2.0 将 MCP 连接器嵌入 Artifacts，使生成的 Artifacts 能实时拉取企业数据库和动态 API
Artifacts是Claude中生成的独立结构化内容单元，可被持续编辑、版本化管理和跨会话复用
还有 4 条时间轴事件
全部知识事实 (20)
Artifacts功能最早由Anthropic在2024年6月随Claude 3.5 Sonnet一同推出
75%已验证Artifacts概念最早由Anthropic在Claude中引入
75%已验证Anthropic在2024年为Claude推出了Artifacts功能，允许在对话侧边栏中生成独立的可预览内容块
70%已验证Claude的Artifacts功能允许在对话中生成可交互的代码组件和文档
65%已验证Claude的Artifacts功能支持在对话侧边栏直接渲染HTML、SVG、React组件等可交互内容
65%待验证Artifacts本质上是一个隔离的iframe执行上下文，能够安全运行Claude生成的HTML、CSS和JavaScript代码
85%待验证Anthropic Claude于2024年6月推出了Artifacts特性
60%待验证Artifacts是Anthropic在2024年中期推出的核心交互功能，最初主要用于在对话界面中实时预览代码、SVG图形和网页片段
60%待验证Claude.ai 的 Artifacts 功能能将想法转化为可分享的应用、工具或内容，例如 HTML 页面、交互式数据可视化或格式规整的文档
50%待验证Vercel AI SDK 的 streamUI 原语、Vercel v0 以及 Anthropic 的 Artifacts 都是生成式UI的早期形态，能让LLM直接输出可渲染的React组件或交互界面
50%待验证AI生成UI的产品探索路径与Anthropic的Artifacts、Google的Workspace AI相近
50%待验证Artifacts当前不能持久化存储数据，刷新即重置，也无法访问外部API
50%待验证Claude免费计划包含Claude Sonnet模型、网页搜索、文件上传和Artifacts功能
50%待验证Artifacts能生成可运行的交互式工具（如计算器、仪表盘、表单），在对话旁的独立面板中构建成品，无需用户编写代码
50%待验证Artifacts生成的成品可以发布为Anthropic托管的公开链接，无需用户自己部署服务器
50%待验证交互式可视化生成能力与 OpenAI Code Interpreter、Anthropic Artifacts 等产品的演进路径一致
50%待验证Artifacts是Claude中生成的独立结构化内容单元，可被持续编辑、版本化管理和跨会话复用
50%待验证Anthropic推出了Artifacts功能，允许用户在对话中实时生成、预览和迭代代码产物
50%待验证Artifacts支持在浏览器内直接渲染HTML/CSS/JavaScript、执行React组件、展示SVG图形、预览Mermaid流程图
50%待验证Claude Code 2.0 将 MCP 连接器嵌入 Artifacts，使生成的 Artifacts 能实时拉取企业数据库和动态 API
50%