我尝试了本地测试，遇到的问题大部分如下：
- 全屏时，有时会发生转义栏覆盖内容，导致无法与之交互。
- 有时，“运行构件”不会立即出现，但当您将鼠标悬停在帖子图标上时会出现（似乎是这样）。
- 我只遇到过一次没有显示结果的情况。我能看到指示符，然后什么也没发生。
总的来说，它运行得非常好。
以下是一些演示。
制作一个好的演示并不容易。一如既往，提示越详细越好。
有时需要额外的精确度。它并不总是包含所有资源，没有响应性，或者需要代码来等待页面加载。此外，使用外部库会增加失败的几率。
我太喜欢这个功能了。
提示（模拟抛射体运动）
创建一个页面来模拟抛射体运动。该页面应：
- 允许用户输入抛射体的初始速度、角度和高度。
- 显示抛射体轨迹的实时动画。
- 包括飞行时间、最大高度和射程的计算值。
- 使用滑块实时调整输入参数。
- 包括一个“重置”按钮以重新开始。
视频
提示（表情雨游戏）
创建一个页面，用户可以在其中选择自己的情绪，然后表情符号开始从屏幕顶部落下。该页面应：
- 提供情绪选项，如“开心”、“暴躁”或“披萨”。
- 让表情符号如 ,
, 或 
无休止地从屏幕顶部落下。
- 允许用户通过点击表情符号来“收集”它们，并伴有有趣的音效。
- 包括一个有趣的计数器，如“收集的披萨片数：27”。
- 使用 HTML、CSS 和 JavaScript 实现动画乐趣。
视频
提示（简单的太阳系可视化工具）
创建一个页面来可视化太阳系。该页面应：
- 显示一个按比例缩小、动画化、详细的太阳系，显示行星轨道。
- 允许用户点击行星以查看大小、与太阳的距离和轨道周期等信息。
- 允许用户放大和缩小。
- 包括一个滑块来加快或减慢轨道运动。
- 使用 HTML、CSS 和 JavaScript 实现交互性和动画。
- 确保容器使用 100% 的宽度和高度。
视频
提示（CSS 动画游乐场）
创建一个页面，用户可以在其中试验 CSS 动画和过渡。该页面应：
- 显示各种元素（例如，按钮、div），用户可以使用 CSS 为其设置动画。
- 允许用户从一系列动画属性（例如，transform、opacity、translate、rotate）中进行选择。
- 提供滑块来调整动画的持续时间、时间函数和延迟。
- 让用户实时预览动画，并了解更改如何影响动画。
- 使用 JavaScript 动态更新 CSS 属性，并使用 HTML/CSS 进行样式设置。
视频
提示（交互式数据仪表板）
创建一个页面，使用交互式图表可视化数据仪表板。该页面应：
- 显示多个图表，例如条形图、折线图和饼图，每个图表代表不同的数据集（例如，销售、人口、天气数据）。
- 允许用户使用下拉菜单或滑块按时间范围、类别或位置过滤数据。
- 在用户与过滤器交互时实时更新图表。
- 显示所选数据的描述性统计信息（例如，平均值、中位数、众数）。
- 使用 Chart.js 或 D3.js 进行图表渲染，并使用 JavaScript 处理数据过滤和统计计算。
视频
3 个赞
sam
(Sam Saffron)
22
是的，我同意，这很令人沮丧，我在这里跟踪这个问题：Exiting expanded artifacts is tricky on tablets
我也重现过一两次，正在努力解决这个问题。@david 我怀疑这与 Ember 装饰器有关。
有趣……如果你能找到任何一致的重现方法，请告诉我。
3 个赞
loginerror
(Maciej Kuźmicz)
23
如果通过 API 访问全局共享（信任级别 0）的数据浏览器查询，它是否有效？如果有效，那么它有可能生成一些有趣的、动态的论坛活动视觉效果。
我没有时间亲自测试，但也许有人愿意尝试这个用例 
3 个赞
sam
(Sam Saffron)
24
您可以通过自定义工具将其连接起来，这需要大量的协调工作，但我可能会为该用例选择自定义工具来渲染图表，我们可以尝试一下这个想法。
不过，您当然可以共享可视化，我会向您展示。
4 个赞
EricGT
(EricGT)
26
是的，这不仅适用于 AI Web Artifacts，也适用于使用 LLM 创建 HTML、JavaScript 和 CSS。
如果能保持开发尽可能使用纯粹/原生的 HTML、JavaScript 和 CSS，即不包含任何外部库，那么获得可运行且无错误代码的机会就会大大增加。此外，库越晦涩难懂，意味着模型获得的训练数据就越少，模型就越有可能产生幻觉来完成回复，从而导致更多错误。
2 个赞
我认为当端点超时时会发生这种情况。
日志中唯一的错误：
不过，今天有点奇怪。我再次测试了；每次请求都失败了。
OpenAI状态是绿色的。我睡觉的时候什么都没变，所以我不知道发生了什么。
“运行测试”按钮也给了我一个 500 错误，日志显示超时。
顺便说一句，从用户的角度来看，我想知道是否会欢迎一个错误消息（而不是空白消息）和一个重试的方法。
1 个赞
EricGT
(EricGT)
28
这可能与 OpenAI 12 天的 Shipmas 有关？
作为 OpenAI 论坛的常客，我们看到了模型起起伏伏的很多情况。在过去的两个星期里，问题的报告有所增加，但这些问题让人想起重大版本发布或新模型发布之前出现的问题。
3 个赞
Jagster
(Jakke Lehtonen)
31
一个非常基础的问题……我该如何在论坛上分享一个 artifact？只需复制粘贴类似 <div> 的内容，例如 XX？在这种情况下，只有我能看到和使用它。
joo
(slower)
34
我的程序只显示一系列“/n”字符。我附上了截图。为什么会这样？
1 个赞
sam
(Sam Saffron)
37
哦，我见过那个，是他们的一个bug，试试2.0 flash，然后试试切换到xml工具
3 个赞
根据我有限的经验，在使用 Claude 3.5 Sonnet 时，我会与 Web Creator 来回迭代并取得一些进展，但最终它会开始忘记，我不得不重新开始一个新的会话。我觉得手动修改代码比浪费提示词和冒着忘记的风险要容易。
我可以编辑生成的代码吗？
我可以与现有工件开始新的上下文吗？（我问了 Web Creator，它说不行。）
3 个赞
sam
(Sam Saffron)
39
是的，马克，这确实是个难题。我正在重做 artifact 的内部机制：
不稳定的编辑也一直让我非常头疼。我还在考虑提供多少个配置选项。
我已将系统改为类似 aider 的 Architect 方法，该工具调用 LLM 来执行更新，因此能够更可靠地完成任务，并且不再存在漂移问题。但缺点是新系统可能会使用更多的 token，因为存在一定程度的不可避免的重复。
如果 artifact 是公开分享的，我可能会允许你从一个现有的 artifact 开始（让它克隆它）……我会仔细考虑如何实现这一点，需要特别注意安全性。
3 个赞
我现在已经确定了这个工作流程来捕获制品并进行增量或手动更改：
- 与 Web Creator 迭代，直到制品处于良好状态
- 提示 Web Creator 写出代码——html、css 和 js——不带任何注释
- 离线复制/粘贴代码
- 可选地编辑代码
然后，如果创建者开始忘记或处于不良状态，我可以开始一个新的聊天，内容是：
你好，我有这个制品代码。它是可以工作的代码，请 verbatim 使用。然后进行以下更改……[粘贴代码]
通常，当我使用 Web Creator 进行迭代时，它会显示类似“我将使用新功能更新工件”的内容，然后编写 html、css 和 javascript 代码块，最后显示更新后的工件，以便我可以运行工件。
今天，它一直显示“我将更新工件”，然后编写代码块，但随后会删除代码和工件（如果它创建了的话）。因此，我只剩下“我将更新工件”。即使我编辑了创建者的帖子，也只有这个。
我没有更新或更改任何内容。控制台中没有错误。Claude 3.5 Sonnet。
sam
(Sam Saffron)
42
你更新到最新版本了吗？我刚刚完成了对系统的重大重构，添加了许多新功能和一个读取工件的工具。
3 个赞
