Skip to content

Artifacts(实验性)

在 v0.6 中添加(2025-01-17 发布)

Artifacts是在 ChatWise 中处理大量、自包含内容的一种方式。它们对于您计划多次修改、重用或引用的内容特别有用,例如代码项目、图表或文档。

何时使用Artifacts

Artifacts最适合:

  • 您想要迭代的大量内容
  • 预览 React 组件或渲染图表

对于简单的问题或简短的示例,ChatWise 将直接在聊天中回应。

入门

要为聊天启用Artifacts:

  1. 在聊天输入栏中寻找叶子图标,或使用 CMD-K 查找"切换Artifacts"
  2. 点击它为当前聊天切换Artifacts
  3. 开始您的对话,例如"为过去 10 年的美国 GDP 增长生成一个图表" - ChatWise 将在适当时自动创建Artifacts

这里有一个例子,我们要求 GPT-4o 为我的 AI 驱动的书签应用生成隐私政策:

Artifacts类型

  • React 组件
  • HTML/SVG
  • 图表(基于 Recharts)
  • 图解(基于 Mermaid)
  • Markdown 文档
  • 未来会有更多...(在这里发送反馈)

React 组件

LLM 擅长编码,因此您可以要求它为您生成 React 组件,ChatWise 还能够预览生成的 React 组件:

目前,React 组件Artifacts仅支持以下库:

  • shadcn-ui
  • lucide-react
  • react
  • tailwindcss
  • framer-motion
  • recharts

我们还可以预览您的 React 组件,这是通过在您的计算机上的临时文件夹中编写组件并使用 Bun 安装必要的依赖项并将其打包成静态 HTML 文件来完成的。这一步是安全的,因为它只涉及受信任的依赖项,Bun 不会执行这些依赖项中的任何脚本。如果您的计算机上没有安装 Bun,我们会自动将 Bun 下载到 ~/Library/Application Support/app.chatwise/bin 目录中。

成本

Artifacts支持的系统消息约为 3671 个令牌,对于 GPT-4o 的成本约为 0.009 美元。

模型支持

您至少需要 GPT-4o mini、DeepSeek v3 或 Llama 70B 级别的模型才能使用Artifacts,它在 GPT-4o 和 Claude 3.5 Sonnet 等模型上效果最佳。超过 16K 令牌的上下文窗口对于Artifacts也更好,因为系统消息本身已经有 3.6K 令牌。

请注意,Gemini 2.0 Flash 目前不是很可靠。

已知问题

模型在使用Artifacts时没有响应

在使用Artifacts时,最好使用"生成"或"创建"等动词,而不是"写",例如"为我的 AI 聊天应用生成隐私政策",而不是"为我的 AI 聊天应用写一个隐私政策"。如果模型仍然没有使用Artifacts响应,请尝试更明确的指令,如"使用Artifacts生成..."。