發布日期：2025 年 10 月 27 日
上個月，我們啟動了 Baseline 工具黑客松，邀請您打造最創新實用的新工具，協助開發人員採用更多現代化網頁功能。時間一到，將近 3,000 位開發人員接聽電話，並提交了數百個專案。我們收到許多精彩、創新又有趣的投稿作品，但只有 3 位得主能分享 $10,000 美元的獎金。經過仔細評估，評審團終於選出得獎者。
🥇 第一名是 eslint-plugin-baseline-js，由 Ryuya Hasegawa 提交！
這個 ESLint 外掛程式會檢查 JavaScript 功能的 Baseline 狀態，並標示任何比設定的 Baseline 目標更新的功能。這項功能適用於 JavaScript 和 TypeScript 環境，涵蓋數百種功能。
這項提交內容最吸引我們的地方在於實用性，一般開發人員很可能實際開始使用這項工具，並從中獲益。這個外掛程式可與現有工具 (例如官方支援的 ESLint for CSS 和 HTML ESLint 社群外掛程式) 相輔相成，完美融入 ESLint 生態系統。您可以使用熟悉的基準目標設定選項 (例如「新推出」、「廣泛推出」和「基準年」)，在所有程式碼中獲得一致的體驗。此外，我們也提供高品質的說明文件，包括安裝說明、最佳做法和範例，協助您快速上手。
在幕後，外掛程式會與 web-features 資料集同步，做為網頁功能相容性的可靠資料來源。為在原始碼中偵測這些功能，外掛程式會與 ESLint 核心和 eslint-plugin-es-x 整合，而非依賴脆弱的規則運算式。此外，它也支援 typescript-eslint 剖析器，可更可靠地偵測功能。
整體而言，這項工具極具創新性且實用，值得獲得最高獎項，我們也鼓勵您試試看。如要深入瞭解原始碼或提出問題，請前往 GitHub 上的 3ru/eslint-plugin-baseline-js。
🥈 第二名是 Technickel Dev 提交的 baseline-mcp！
這個 MCP 伺服器提供 AI 輔助的開發工作流程，以及網頁功能相容性和基準狀態的準確資訊。
不可否認的是，AI 在網頁開發領域已相當普及，因此這類工具越來越重要，可引導代理程式生成更現代化的程式碼。這個專案提供多種實用的 MCP 工具，可根據可信的 web-features 資料回答各種網頁功能相關問題，充分滿足這項需求。除了查詢特定功能 ID 的 Baseline 狀態等例行工作，Gemini 也能執行邏輯工作，例如根據情境找出正確的功能 ID，以及為過時的網頁功能建議現代替代方案。
請試用網頁用戶端範例，並參閱 GitHub 存放區，瞭解安裝操作說明、與伺服器互動的方式，以及原始碼。
🥉 第三名是 Zoran Jambor 提交的「Baseline Status for Video」！
這項網頁應用程式可產生內嵌在影片中的基準小工具。
Baseline 的作用是提供網頁功能明確的瀏覽器相容性資訊，您可以在 MDN 文章、caniuse 文件和 IDE (例如 VS Code 和 WebStorm) 中參考這些資訊。但開發人員也會從其他地方 (例如 YouTube) 取得網頁功能資訊。這項專案可讓影片創作者和網路影響者，以自訂且適合影片的方式，輕鬆產生功能的基準資訊。由於部分熱門網路影響者的觸及範圍相當廣泛，我們很期待這項工具能協助更多開發人員認識 Baseline。
這項工具採用 <baseline-status> 網頁元件，並使用 Web Platform Dashboard API 取得您輸入的任何功能 ID 的 Baseline 狀態和瀏覽器實作詳細資料。應用程式會錄製在純色背景上動畫效果的顯示和隱藏，這可以在編輯軟體中去背。
如要親自試用，請前往 Baseline Status for Video 應用程式，或瀏覽 GitHub 上的原始碼。
在此恭喜所有得獎者！我們也感謝其他所有提交專案並完成意見回饋問卷調查的學員。我們非常感謝你投入時間和心力，製作出充滿創意和啟發性的專案。「最有價值意見回饋」獎項的 10 位得主已全數收到通知。此外，我們也收到許多有價值且可行的建議，將轉交給相關團隊，進一步提升 Baseline 的品質。