AI 改变 AI 开发方式！
Anthropic Artifacts：用 Claude 构建 Claude 的新功能，Artifacts功能揭秘，小团队三个月打造AI神器
最近 AI 圈有个新晋网红——Anthropic 公司的 Claude 3.5 Sonnet 模型，它在编程任务上的表现甚至比 ChatGPT 还强，让不少开发者直呼“真香”！
除了模型本身的提升，Anthropic 还推出了一个超酷的新功能——Artifacts，让 Claude 不止能聊天，还能直接生成代码、网站、文档、图表，甚至游戏！简直是打开了新世界的大门！
Artifacts 到底有多神奇？
举个栗子，用 Claude 做个“实用工程师Logo颜色微调器”，只需要一句话提示，Claude 就能生成一个带颜色选择器的迷你网页应用，让你可以随意调整 Logo 的颜色
好奇 Artifacts 是怎么开发出来的？别急，Anthropic 的五位核心成员，为你揭秘 Artifacts 的诞生过程！
1. 从草图到产品：
3 月份，研究科学家 Alex Tamkin 发现用 Claude 生成网站代码太麻烦了，每次都要复制粘贴，效率太低。于是，他灵机一动，做了一个简陋的“并排界面”原型，让 Claude 的输出结果实时显示在屏幕上。
在每周例行的“WIP星期三”会议上，Alex 向团队展示了他的原型，结果大家都惊呆了！
产品设计师 Michael Wang 受到启发，花了一周半时间做了一个更完善的原型，并在公司内部进行测试。
产品工程师 Florian Scholz 加入进来，负责解决安全和基础设施方面的问题。
品牌传播负责人 Sam McAllister 用 Artifacts 做了一个 8 位风格的螃蟹游戏“Claw'd”，作为产品发布的演示。
2. 技术栈大揭秘：
原型阶段: Alex 用 Streamlit （一个能把 Python 代码快速转换成网页应用的工具）来构建原型，方便快速迭代和收集反馈。
第二版:Alex 将后端迁移到 Node.js，以适应更广泛的使用场景。
前端：团队使用了常见的 Web 开发技术栈，包括 React、Next.js 和 Tailwind CSS。
安全：为了确保用户安全，Artifacts 使用了 iframe 沙盒 和 内容安全策略 (CSP) 来隔离不受信任的代码，防止恶意代码窃取用户数据。
3. 用 AI 构建 AI：
Alex 使用 Claude 3 Opus (当时 Anthropic 最强大的模型) 来生成 UI 代码，并不断迭代，快速构建 Artifacts。
Florian 也用 Claude 来查找晦涩难懂的浏览器 API 和功能，解决了很多文档资料不全或者过于复杂的问题。
Claude 3.5 Sonnet 发布后，其强大的能力让团队更加雄心勃勃，最终实现了更丰富的功能。
4. 时间线和团队：
从第一个原型到产品发布，只用了短短 3 个月时间！
核心团队只有两个人全职投入，其他人兼职参与，还有很多 Anthropic 员工参与了内部测试。
这简直就是一个“小作坊”式的项目，却做出了巨大影响力的产品！
总结一下：
Artifacts 的成功，证明了小团队也能做出改变世界的大事情！Anthropic 的工程师们不仅技术过硬，而且敢于尝试，勇于创新，最终用 AI 改变了 AI 的开发方式。这也给我们带来了新的启示：在 AI 时代，“提示设计”显然已经成为一门新的学科，就像网页设计一样，需要专业的知识和技能才能做好。
