发布时间:2025 年 10 月 27 日
上个月,我们启动了 Baseline Tooling 黑客马拉松,邀请您构建最具创新性和实用性的新工具,帮助开发者采用更现代的 Web 功能。当时间停止时,近 3,000 名开发者接听了电话,并提交了数百个项目。我们收到了许多巧妙、新颖且有趣的提交内容,但只有 3 位创作者可以赢得 10,000 美元奖池中的奖金。经过仔细考虑,我们评委最终选出了获胜者。
🥇 第一名是 Ryuya Hasegawa 提交的 eslint-plugin-baseline-js!
这是一个 ESLint 插件,用于检查 JavaScript 功能的基准状态,并标记比您配置的基准目标更新的任何内容。它可在 JavaScript 和 TypeScript 环境中运行,涵盖数百项功能。
我们认为此提交内容最突出的特点是实用性,即普通开发者很有可能会开始使用此工具并从中受益。它与 ESLint 生态系统完美契合,可与官方支持的 ESLint for CSS 和 HTML ESLint 社区插件等现有工具相得益彰。它提供熟悉的 Baseline 目标配置选项,例如“新近可用”“广泛可用”和“Baseline 年份”,因此您可以获得一致的跨代码体验。为了让您快速上手,它还附带高质量的文档,包括安装说明、最佳实践和示例。
在后台,该插件会与 web-features 数据集同步,以作为 Web 功能兼容性的可信来源。为了在源代码中检测这些功能,该插件与 ESLint 核心和 eslint-plugin-es-x 集成,而不是依赖于脆弱的正则表达式。它还支持 typescript-eslint 解析器,该解析器可以更可靠地检测功能。
总而言之,这是一个极具创新性且实用的工具,值得赢得大奖,我们建议您试用一下。如果您想深入了解源代码或提交问题,可以在 GitHub 上找到它,网址为 3ru/eslint-plugin-baseline-js。
🥈 第二名是 Technickel Dev 提交的 baseline-mcp!
这是一个 MCP 服务器,可为 AI 赋能的开发工作流提供有关 Web 功能兼容性及其 Baseline 状态的准确信息。
不可否认的是,AI 在 Web 开发中已变得非常普遍,因此,此类工具对于引导智能体生成更现代的代码变得越来越重要。该项目通过为代理提供多种实用的 MCP 工具来很好地满足这一需求,这些工具可基于可信的 web-features 数据回答有关 Web 功能的各种问题。除了执行查找给定功能 ID 的基准状态等常规任务之外,它还可以执行逻辑任务,例如根据上下文找出正确的功能 ID,并为过时的 Web 功能建议现代替代方案。
您可以在网络客户端演示中试用该功能,并参阅 GitHub 代码库,了解安装说明、与服务器互动的方式以及源代码。
🥉 第三名得主是 Zoran Jambor 提交的视频基准状态!
这是一个用于生成嵌入视频中的 Baseline widget 的 Web 应用。
Baseline 的作用是提供有关 Web 功能的明确浏览器兼容性信息,您可以在 MDN 文章、caniuse 文档以及 VS Code 和 WebStorm 等 IDE 中引用这些信息。不过,开发者也会从其他地方(例如 YouTube)获取有关 Web 功能的信息。此项目可帮助视频创作者和网络红人以可自定义且适合视频的方式,更轻松地为某项功能生成基准信息。鉴于一些最受欢迎的网络红人拥有庞大的受众群体,我们很高兴看到这项工具能够帮助更多开发者了解 Baseline。
此工具由 <baseline-status> Web 组件提供支持,该组件使用 Web 平台信息中心 API 来获取您输入的任何功能 ID 的基准状态和浏览器实现详细信息。应用会录制微件在纯色背景上淡入和淡出的动画,该背景可在编辑软件中抠除。
访问 Baseline Status for Video 应用自行试用,或在 GitHub 上浏览源代码。
热烈祝贺所有获奖者!我们还要感谢提交项目并完成反馈问卷调查的其他所有人。非常感谢您为创作富有创意和启发性的项目所付出的时间和精力。我们已通知“最有价值的反馈”奖的 10 位获奖者。总而言之,我们收到了许多有价值且可行的建议,我们会将这些建议反馈给相应团队,以便进一步改进 Baseline。