Image of OpenAI logo with MDN design

介绍 AI Help (Beta):您的 Web 开发伴侣

阅读时间 3 分钟

开发者们,大家好!

我们非常激动地宣布 MDN 的最新功能:AI 助手(目前处于 Beta 测试阶段),这是我们与合作伙伴 Supabase 合作开发的。AI 助手仅对已登录用户可用,这意味着您需要创建一个 MDN Plus 账户。

AI 助手不仅仅是一个新工具——它是您解决问题的新伙伴。它的设计旨在优化您的搜索流程,让您能够快速轻松地找到所需信息。它的工作原理很简单:只需在 MDN 上提问,AI 助手就会开始工作。

目的是什么?简化您与我们网站的交互,让您更快地回到编码中,并配备您正在寻找的见解。我们期待您尝试 AI 助手,并期待您对这个新功能的反馈!

Screenshot showing AI Help feature

主要特点

快速获取知识:AI 助手连接到庞大的 MDN 数据库,为您提供问题的快速答案或编码最佳实践。该工具目前仅限于 MDN 文档。

Screenshot showing quick access to knowledge example

学习支持:AI 助手不仅是一个问答工具,它还提供示例来帮助您理解更复杂的概念。AI 助手还会显示所参考的文章链接,以便您深入了解。

Screenshot showing learning support example

技术解析

AI 助手利用两种协同工作的技术

首先,我们为 MDN 文章的每个部分生成嵌入。在数据科学领域,嵌入是指将高维数据转换为低维空间的过程。每个嵌入(通常是向量)都封装了原始数据的某些特征。这些嵌入捕捉了词语或句子之间的语义和句法关系,并将它们定位在连续的向量空间中。这种定位使得模型能够理解词语之间的上下文和关系细微差别。例如,意义相似的词语或句子,或者经常一起出现的词语或句子,倾向于具有相近的向量表示。我们将这些嵌入存储在由 Supabase 托管的 PostgreSQL 数据库中,并安装了 pgvector 扩展。一旦收到用户的提问,我们就会为该查询生成另一个嵌入。这使我们能够执行相似性搜索(在嵌入空间中进行距离搜索),以识别 MDN 中最相关的部分。

添加生成式 AI

在确定了问题和相关内容后,我们可以简化查找答案的过程。我们不让用户自己阅读所有内容并提取答案,而是利用 OpenAI 的 Chat API 来构建一个提示。这个提示包含了一些关于所需语气和其他相关考虑因素的系统级指令,以及更技术性的指导,例如要求始终以 markdown 格式回复。然后,我们将之前相关的内​​容作为 Chat API 的上下文,并代表用户提出问题。这个过程能够实现更高效的交互,利用 AI 帮助用户获取他们所需的信息。

立即试用 AI 助手!

我们邀请您立即试用,看看它能带来什么改变。只需创建一个免费的 MDN Plus 账户即可开始。请记住,我们正在以 Beta 版本的形式发布此功能:某些答案可能不完整或不正确,我们强烈建议您也查看我们将提供的 MDN 文章链接。随着我们不断改进此功能,我们期待提供更快、更准确的响应以及更好的用户体验。您的反馈对我们的进步至关重要,它将帮助我们更好地满足您的需求。

感谢您成为这一激动人心的一步的参与者。让我们一起革新 Web 开发之旅。立即创建一个免费的 MDN Plus 账户

*了解更多关于 Supabase Clippy 的信息,它是我们自己集成功能的灵感来源。

7月8日更新:更新了博客文章,以避免设定错误的预期。增加了关于该功能为 Beta 版且仅对登录用户可用的说明。