Anthropic是如何构建Artifacts的
Hi, this is Gergely with a subscriber-only issue of the Pragmatic Engineer Newsletter. In every issue, I cover challenges at Big Tech and startups through the lens of engineering managers and senior engineers. To get articles like this in your inbox, every week, subscribe:
嗨，我是Gergely，带来一份仅限订阅者的Pragmatic Engineer Newsletter特刊。在每一期中，我通过工程经理和高级工程师的视角，讨论大科技公司和初创企业面临的挑战。想要每周在你的收件箱中收到这样的文章，请订阅：
In the past two months, Anthropic has started to gain momentum among software engineers. The company released its latest language model – Claude 3.5 Sonnet – on 20 June, which works noticeably better than other large language models (LLM) for coding-related work – and gives better results than ChatGPT models, which is wowing many developers. We touched on this observation in The Pulse #101: it’s the first time a company other than OpenAI potentially leads in LLM capability.
在过去的两个月里，Anthropic开始在软件工程师中获得动力。该公司于6月20日发布了最新的语言模型——Claude 3.5 Sonnet——在与其他大型语言模型（LLM）进行编码相关工作时表现明显更好，并且比ChatGPT模型提供更好的结果，这让许多开发者感到惊艳。我们在《脉搏#101》中提到过这一观察：这是除了OpenAI之外，首次有公司在LLM能力上可能领先。
Anthropic also released a new feature, Artifacts, alongside Claude 3.5 Sonnet. It allows the creation of things like websites (single page React or HTML), code snippets, documents, diagrams, and more, with a prompt. It’s helpful for a variety of tasks, and also fun. For example, I gave Claude this prompt:
Anthropic还发布了一项新功能，Artifacts，与Claude 3.5 Sonnet一起推出。它允许通过提示创建网站（单页React或HTML）、代码片段、文档、图表等。这对各种任务都很有帮助，也很有趣。例如，我给Claude这个提示：
“Create a web application that allows me to tweak the color of The Pragmatic Engineer Logo. This logo is three rectangular bars that increase in height, and are in the color red.”
“创建一个网络应用程序，让我可以调整 Pragmatic Engineer Logo 的颜色。这个 logo 是三条高度逐渐增加的矩形条，颜色为红色。”
The result was what I asked for: a mini-web application with an interactive color picker:
结果是我所要求的：一个带有互动颜色选择器的迷你网页应用：
[
[
