隆重推出 Discourse AI 中的 Web Artifacts！
Web Artifacts 允许您在帖子中无缝创建和共享交互式、动态组件（HTML/CSS/JavaScript）。从可视化、测验到轻量级 Web 应用。
上面的 artifact 是使用 GPT-4o 和 anime.js 库生成的 Claude 3.5 Sonnet 的 CSS Grid 演示
在此了解更多：Discourse AI - Web Artifacts
iPad 上没有显示这些示例 
而且，如果在 Hub 上全屏打开，我将无法退出，除非离开论坛。
2 个赞
我们有一个新的 hub 构建，由 @pmusaraj 发布，你更新到最新了吗？
3 个赞
是的！在平板电脑上按 Esc 键退出全屏很困难，而且使用返回按钮不会将我带回到主题，而是会向后退一步。
3 个赞
我认为当您单击按钮以修复全屏时，我们可以推送状态
也许那个覆盖层在触摸时没有意义，它无论如何都会妨碍顶部的控件
2 个赞
这是一个很棒的补充！
我想为那些可能对使用它犹豫不决的人补充几点。在过去的几周里，我主要使用 ChatGPT 和 4o 模型来使用 JavaScript 和 CSS 创建纯/原生 HTML 页面。令人惊叹的是，生成的代码几乎从没有错误，但需要进行提示工程才能获得想要的结果。有时，你所想的和模型认为你想要的东西可能不尽相同，因此需要对提示进行一些调整。
如果你可以在编码模式下访问 canvas 或类似工具，这些工具非常适合让你入门。另外，如果你不是程序员，并且平时不这样做，那么修复错误的一个常用工具是了解 Internet 浏览器的 F12 键（参考）。
我可以就此写一本书，但我会在这里停下来；你身处一个沙盒中，所以尽情玩耍吧！
4 个赞
如果系统已经更新了，那么是的。两周前更新到了 2.0.7。
1 个赞
是的，确实是 Hub 的问题。Safari 显示得很好。
对于我们这些非程序员来说，有没有可以参考的提示示例？
编辑
第一次尝试成功了。这种开发工作很棒。只需说明需要什么。但有些问题：
- 我的论坛中的代码住在哪里？我的意思是，我能销毁那个 PM 吗？
- 我们可以开始使用 Support 来处理这些问题吗？
2 个赞
用于 AI Web Artifact 的简化提示（无法访问 AI Web Artifact 进行测试，但应该有效或非常接近）
创建一个老虎机游戏，使用 JavaScript 和 CSS。
与 ChatGPT 4o 实际使用的提示
为老虎机游戏创建一个简单的 HTML 页面，使用 JavaScript 和 CSS。将其创建为单个可下载的 HTML 页面。
这是一个更高级的提示，经过几次调整才达到预期结果。必须修改才能与 AI Web Artifact 一起使用。
创建一个简单的 HTML 页面用于 Blackjack 游戏，使用 JavaScript 和 CSS。
- 创建为单个可下载的 HTML 页面。
- 显示庄家在停牌后的牌。
- 添加额外的机器人玩家选项，显示机器人玩家的牌。
- 添加下注和记录金额的选项。
- 显示玩家牌的总点数。
- 在显示谁赢了的弹出窗口之前显示庄家的牌。
如果你想要更难一点的，可以创建一个带有人工智能对手的跳棋游戏。
2 个赞
该版本不包含 artifact 修复。新版本 2.0.8 刚刚提交审核，应该很快就能发布。
8 个赞
8 个赞
坦白说，我有点难以想象如何才能无缝地增强帖子的插入。是否已经有一些可以无缝包含的实际应用示例？
6 个赞
我的论坛上有很多关于狗狗营养的话题。现在我可以提供一个简单的计划器，例如，用户的狗狗每天需要什么。
我想使用人工智能，但它们总是失败，而且太贵了。当然，一个插件或者组件也能做同样的事情，而且更好，但我不知道怎么做。
如果我能将一个人工制品（artefact）的答案发送给一个预设了提示词（propmpt）的人工智能角色（AI persona），那就太好了，但我不知道这是否可能。
4 个赞
让我们试试！
4 个赞
我明白了。可以说是明白了。基本上，这只是又一次与人工智能的对话，其中一方解释了需要什么、应该是什么样子，以及其他严格的指导方针和规则。
这基本上是 Visual Basic，但更简单 
2 个赞
Visual Basic for Dummies. 
3 个赞
那些图片来自维基媒体；我期待着以交互方式利用公共数据进行艺术和信息共享。
4 个赞
哦，哇，我错过了这个公告。太棒了！
恭喜团队。
我已经看到它将带来许多积极的后果，例如提高用户参与度、更容易解释/学习事物以及提供互动反馈。而且，它很有趣 
。
2 个赞