Publicado em: 27 de outubro de 2025
No mês passado, iniciamos o hackathon de ferramentas de linha de base, pedindo que você criasse as ferramentas novas 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 ao chamado e enviaram centenas de projetos. Recebemos muitas inscrições inteligentes, inovadoras e divertidas, mas apenas três pessoas podem ganhar uma parte do prêmio de US $10.000. Depois de uma análise cuidadosa, nós, os juízes, finalmente escolhemos os vencedores.
🥇 O primeiro lugar é do eslint-plugin-baseline-js, enviado por Ryuya Hasegawa!
É um plug-in do ESLint que verifica o status de referência dos recursos do JavaScript e sinaliza tudo o que for mais recente do que o destino de referência configurado. Ele funciona em ambientes JavaScript e TypeScript, abrangendo centenas de recursos.
O que realmente se destacou nessa sugestão foi a utilidade dela, ou seja, a probabilidade de um desenvolvedor comum começar a usar e se beneficiar dessa ferramenta. Ele se encaixa perfeitamente no ecossistema ESLint, complementando ferramentas atuais, como o ESLint para CSS, com suporte oficial, e o plug-in da comunidade HTML ESLint. Com as opções de configuração conhecidas para metas de valor de referência, como "Recém-disponível", "Disponível para todos" e "Anos de valor de referência", você terá uma experiência consistente em todo o seu código. Para que você comece a usar rapidamente, ele também vem com documentação de alta qualidade, incluindo instruções de instalação, práticas recomendadas e exemplos.
Internamente, o plug-in sincroniza com o conjunto de dados web-features como fonte de verdade para a compatibilidade de recursos da Web. Para detectar esses recursos no código-fonte, o plug-in se integra ao núcleo do ESLint e ao eslint-plugin-es-x, em vez de depender de expressões regulares frágeis. Ele também é compatível com o analisador typescript-eslint, que pode detectar recursos com muito mais confiabilidade.
No geral, essa é uma ferramenta altamente inovadora e útil que merece o primeiro lugar. Recomendamos que você teste. Se quiser analisar o código-fonte ou informar um problema, acesse o GitHub em 3ru/eslint-plugin-baseline-js.
🥈 O segundo lugar é baseline-mcp, enviado por Technickel Dev!
É um servidor MCP que oferece fluxos de trabalho de desenvolvimento com tecnologia de IA e informações precisas sobre a compatibilidade de recursos da Web e o status da linha de base.
É inegável a prevalência da IA no desenvolvimento da Web. Por isso, ferramentas como essa estão se tornando cada vez mais importantes para direcionar os agentes a gerar códigos mais modernos. Esse projeto atende bem a essa necessidade, oferecendo aos agentes várias ferramentas úteis do MCP para responder a uma variedade de perguntas sobre recursos da Web, com base nos dados confiáveis do web-features. Além de realizar tarefas rotineiras, como pesquisar o status da linha de base para um determinado ID de recurso, ele também pode realizar tarefas lógicas, como descobrir o ID de recurso correto com base no contexto e sugerir alternativas modernas para recursos da Web desatualizados.
Teste na demonstração do cliente da Web e consulte o repositório do GitHub para instruções de instalação, maneiras de interagir com o servidor e o código-fonte.
🥉 O terceiro lugar é Status de base para vídeo, enviado por Zoran Jambor!
É um aplicativo da Web para gerar widgets de referência incorporados em vídeos.
A função da Baseline é fornecer informações claras sobre a compatibilidade de navegadores com recursos da Web, que podem ser consultadas em artigos da MDN, documentos do caniuse e ambientes de desenvolvimento integrado (IDEs) como VS Code e WebStorm. Mas os desenvolvedores também recebem informações sobre recursos da Web de outros lugares, como o YouTube. Esse projeto facilita a geração de informações de referência para um recurso de maneira personalizável e compatível com vídeo para criadores de vídeo e influenciadores da Web. Considerando o grande alcance de alguns dos influenciadores da Web mais populares, estamos animados com o potencial dessa ferramenta para ajudar a divulgar a referência para muito mais desenvolvedores.
Essa ferramenta é alimentada pelo componente da Web <baseline-status>, que usa a API do painel da plataforma Web para receber o status de linha de base e os detalhes de implementação do navegador para qualquer ID de recurso inserido. O app grava o widget entrando e saindo em um plano de fundo sólido, que pode ser removido em um software de edição.
Acesse o app Status de base para vídeo para testar ou navegue pelo código-fonte no GitHub.
Parabéns a todos os vencedores! Também agradecemos a todos os outros que enviaram um projeto e responderam à pesquisa de feedback. Agradecemos todo o tempo e esforço que você dedicou aos seus projetos criativos e inspiradores. Os 10 vencedores do prêmio "Feedback mais valioso" já foram notificados. No geral, recebemos tantas sugestões valiosas e práticas que vamos encaminhar para as equipes adequadas para melhorar ainda mais o Baseline.