Publicado: 27 de outubro de 2025
No mês passado, iniciamos o Baseline Tooling Hackathon, convidando você a criar as novas ferramentas mais inovadoras e úteis para ajudar os desenvolvedores a adotar recursos da Web mais modernos. Quando o relógio parou, quase 3.000 desenvolvedores atenderam à chamada e enviaram centenas de projetos. Houve tantas inscrições inteligentes, inovadoras e divertidas, mas apenas três podem ganhar sua parte do prêmio total de US$ 10.000. Após consideração cuidadosa, nós, os jurados, finalmente escolhemos nossos vencedores.
🥇 O vencedor do primeiro lugar é eslint-plugin-baseline-jsenviado por Ryuya Hasegawa!
Este é um plugin ESLint que verifica o status da linha de base dos recursos JavaScript e sinaliza qualquer coisa mais recente do que o destino da linha de base configurado. Funciona em ambientes JavaScript e TypeScript, abrangendo centenas de recursos.
O que realmente nos chamou a atenção nesta submissão foi a sua utilidade; a probabilidade de um desenvolvedor médio realmente começar a usar e se beneficiar desta ferramenta. Ele se encaixa perfeitamente no ecossistema ESLint, complementando ferramentas existentes, como o suporte oficial ESLint para CSS e o HTML ESLint plug-in da comunidade. Com suas opções de configuração familiares para destinos de linha de base, como Recentemente disponível, Amplamente disponível e Anos de linha de base, você pode esperar uma experiência consistente em todo o seu código. Para que você comece a trabalhar rapidamente, ele também vem com alta qualidade documentaçãoincluindo instruções de instalação, práticas recomendadas e exemplos.
Nos bastidores, o plugin sincroniza com o web-features conjunto de dados como sua fonte de verdade para compatibilidade de recursos da web. Para detectar esses recursos no código-fonte, o plugin se integra ao núcleo ESLint e eslint-plugin-es-xem vez de confiar em expressões regulares frágeis. Também apoia a typescript-eslint analisador, que pode detectar recursos com muito mais confiabilidade.
No geral, esta é uma ferramenta altamente inovadora e útil que merece o prêmio principal, e nós encorajamos você a experimente. Se quiser se aprofundar no código-fonte ou levantar um problema, você pode encontrá-lo no GitHub em 3ru/eslint-plugin-baseline-js.
🥈 O segundo colocado é linha de base-mcpenviado por Desenvolvedor de tecnologia!
Este é um servidor MCP que fornece fluxos de trabalho de desenvolvimento habilitados para IA com informações precisas sobre a compatibilidade de recursos da web e seu status de linha de base.
Não há como negar o quão predominante a IA se tornou no desenvolvimento web, e é por isso que ferramentas como essa estão se tornando cada vez mais importantes para orientar os agentes na geração de códigos mais modernos. Este projeto atende bem a essa necessidade, fornecendo aos agentes diversas ferramentas úteis de MCP para responder a uma variedade de perguntas sobre recursos da web, com base na confiança web-features dados. Além de executar tarefas rotineiras, como consultar o status da linha de base para um determinado ID de recurso, ele também pode executar tarefas lógicas, como descobrir o ID de recurso correto com base no contexto e sugerir alternativas modernas para recursos da Web desatualizados.
Experimente no demonstração do cliente web e veja o Repositório GitHub para obter instruções de instalação, maneiras de interagir com o servidor e o código-fonte.
🥉 O terceiro colocado é Status da linha de base para vídeoenviado por Zoran Jambor!
Este é um aplicativo da web para gerar widgets de linha de base incorporados em vídeos.
A função do Baseline é fornecer informações inequívocas de compatibilidade do navegador sobre recursos da web, que você pode consultar em artigos MDN, documentos caniuse e IDEs como VS Code e WebStorm. Mas os desenvolvedores também obtêm informações sobre os recursos da web em outros lugares, como o YouTube. Este projeto torna mais fácil para criadores de vídeo e influenciadores da web gerar informações de base para um recurso de forma personalizável e amigável ao vídeo. Dado o enorme alcance de alguns dos influenciadores da web mais populares, estamos entusiasmados com o potencial desta ferramenta para ajudar a espalhar o reconhecimento do Baseline para muito mais desenvolvedores.
Esta ferramenta é alimentada pelo componente da web, que usa a API Web Platform Dashboard para obter o status da linha de base e os detalhes de implementação do navegador para qualquer ID de recurso inserido. O aplicativo grava a animação do widget entrando e saindo sobre um fundo sólido, que pode ser digitado em um software de edição.
Visite o Status da linha de base para vídeo aplicativo para experimentá-lo ou navegue pelo código-fonte em GitHub.
Muitos parabéns a todos os vencedores! Gostaríamos também de agradecer todos os outros que enviaram um projeto e preencheram a pesquisa de feedback. Todo o tempo e esforço que você investiu em seus projetos criativos e inspiradores são muito apreciados. Os 10 vencedores do prêmio “Feedback Mais Valioso” foram todos notificados e, no geral, houve tantas sugestões valiosas e práticas que levaremos às equipes apropriadas para tornar o Baseline ainda melhor.