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 版且僅對登入使用者可用的說明。