跳转到内容
本页内容由英文机器翻译而来,质量可能参差不齐。报告问题

你的第一个 AI 创作

在我们深入了解安装和设置之前,让我们立刻体验一下 AI 能做什么。

ChatGPT、Grok 和 Claude 是西方世界最流行的大语言模型(LLM)。在本练习中,我们将使用 Claude,当然你也可以用你喜欢的 LLM 来尝试。

把 Claude 想象成一个超级智能的助手,你可以通过聊天界面用自然语言与它交流。如今,你可以使用 Claude 和其他 LLM 完成各种任务,从编辑博客文章到生成图片,甚至构建完整的应用程序。

Claude 有一个叫做 Artifacts 的功能,可以让你直接在浏览器中即时创建内容——无需任何设置!

在浏览器中访问 claude.ai,并创建一个账户。

登录后,你应该能看到一个带有输入框的界面。先尝试向 Claude 提一些简单的问题,熟悉一下操作。

准备好之后,让我们来创建你的第一个 AI 辅助 Artifact。

将以下提示词复制并粘贴到 Claude 中:

Can you create Tetris as a Claude Artifact?

按下 Enter,见证奇迹!

注意:你也可以选择任何你想创建的其他简单游戏,或者查看这些额外的提示词

几秒钟之内,Claude 就会在你的浏览器中创建一个可运行的俄罗斯方块游戏

Claude 在浏览器中施展魔法

结果令你满意吗? 如果不满意,可以尝试让它进行修改。

例如,你可以让它更改视觉风格,或者添加一些有趣的新游戏元素。

✅ 你刚刚用 AI 创建了你的第一个应用! 这一切都在 5 分钟内完成。想象一下,有了更多时间,你能构建出什么。

以下是一些可以让 Claude 创建的有趣内容:

Create a Pomodoro timer with 25-minute work sessions and 5-minute breaks.
Add start, pause, and reset buttons. Show the time in a large, easy-to-read format.
Create a color palette generator that shows 5 harmonious colors.
Add a "Generate New Palette" button. Show the hex codes for each color and let me click to copy them.
Create a simple memory card matching game with 8 pairs of cards. When I click two cards, show if they match. Track my number of moves.

你刚才所做的,正是我们在本工作坊中将要学习的核心内容:

  1. 你给了 AI 指令(一个提示词)
  2. AI 创建了有用的东西(可以运行的代码)
  3. 你立即使用了它(无需复杂的设置)

区别在哪里?Claude Artifacts 只是暂时运行在你的浏览器中。在本工作坊中,你将学会:

  • 创建永久存在于互联网上的项目
  • 自己的电脑上构建东西
  • 对你的代码拥有完全的控制权
  • 将你的创作分享给世界上的任何人

既然你已经看到了什么是可能的,让我们来设置那些能让你构建任何你能想象的东西的工具吧。

💡 保持那个 Claude 标签页打开! 在整个工作坊期间,你可以使用 Artifacts 快速验证你的想法原型。