Publicado: 27 de octubre de 2025
El mes pasado, iniciamos el hackathon de herramientas de Baseline, en el que te invitamos a crear las herramientas nuevas más innovadoras y útiles para ayudar a los desarrolladores a adoptar funciones web más modernas. Cuando el reloj se detuvo, casi 3,000 desarrolladores respondieron al llamado y enviaron cientos de proyectos. Hubo muchas presentaciones ingeniosas, innovadoras y entretenidas, pero solo 3 pueden ganar su parte del premio acumulado de USD 10,000. Después de una cuidadosa consideración, los jueces finalmente elegimos a los ganadores.
🥇 El ganador del primer lugar es eslint-plugin-baseline-js, enviado por Ryuya Hasegawa.
Este es un complemento de ESLint que verifica el estado de Baseline de las funciones de JavaScript y marca todo lo que sea más reciente que el destino de Baseline configurado. Funciona en entornos de JavaScript y TypeScript, y abarca cientos de funciones.
Lo que realmente nos llamó la atención de este envío fue su utilidad, es decir, la probabilidad de que un desarrollador promedio realmente comience a usar esta herramienta y se beneficie de ella. Se adapta perfectamente al ecosistema de ESLint, ya que complementa herramientas existentes, como ESLint for CSS, que cuenta con asistencia oficial, y el complemento de la comunidad HTML ESLint. Con sus opciones de configuración conocidas para los objetivos de referencia, como Disponible recientemente, Disponible ampliamente y Años de referencia, puedes esperar una experiencia coherente en todo tu código. Para que puedas comenzar a usarla rápidamente, también incluye documentación de alta calidad, con instrucciones de instalación, prácticas recomendadas y ejemplos.
De forma interna, el complemento se sincroniza con el conjunto de datos web-features como su fuente de verdad para la compatibilidad de funciones web. Para detectar estas funciones en el código fuente, el complemento se integra con el núcleo de ESLint y eslint-plugin-es-x, en lugar de depender de expresiones regulares frágiles. También admite el analizador typescript-eslint, que puede detectar funciones de forma mucho más confiable.
En general, es una herramienta muy innovadora y útil que merece el primer premio, por lo que te recomendamos que la pruebes. Si deseas analizar el código fuente o plantear un problema, puedes encontrarlo en GitHub en 3ru/eslint-plugin-baseline-js.
🥈 El segundo lugar es para baseline-mcp, enviado por Technickel Dev.
Este es un servidor de MCP que proporciona flujos de trabajo de desarrollo habilitados para IA con información precisa sobre la compatibilidad de las funciones web y su estado de referencia.
Es innegable la prevalencia que ha alcanzado la IA en el desarrollo web, por lo que herramientas como esta son cada vez más importantes para guiar a los agentes hacia la generación de código más moderno. Este proyecto aborda bien esa necesidad, ya que proporciona a los agentes varias herramientas útiles de MCP para responder una variedad de preguntas sobre las funciones web, basadas en los datos confiables de web-features. Además de realizar tareas rutinarias, como buscar el estado de referencia de un ID de función determinado, también puede realizar tareas lógicas, como determinar el ID de función correcto según el contexto y sugerir alternativas modernas para las funciones web obsoletas.
Pruébalo en la demostración del cliente web y consulta el repositorio de GitHub para obtener instrucciones de instalación, formas de interactuar con el servidor y el código fuente.
🥉 El tercer lugar es para Baseline Status for Video, de Zoran Jambor.
Esta es una aplicación web para generar widgets de Baseline incorporados en videos.
El rol de Baseline es proporcionar información inequívoca sobre la compatibilidad del navegador con las funciones web, a la que puedes hacer referencia en los artículos de MDN, la documentación de caniuse y los IDE, como VS Code y WebStorm. Sin embargo, los desarrolladores también obtienen información sobre las funciones web de otros lugares, como YouTube. Este proyecto facilita a los creadores de videos y a los influencers web la generación de información de Baseline para una función de una manera personalizable y apta para videos. Dado el enorme alcance de algunos de los influencers web más populares, nos entusiasma el potencial de esta herramienta para ayudar a difundir el conocimiento de Baseline a muchos más desarrolladores.
Esta herramienta funciona con el componente web <baseline-status>, que usa la API del panel de la plataforma web para obtener el estado de Baseline y los detalles de implementación del navegador para cualquier ID de función que ingreses. La app graba el widget que entra y sale de la animación sobre un fondo sólido, que se puede eliminar con software de edición.
Visita la app Baseline Status for Video para probarla por tu cuenta o explora el código fuente en GitHub.
¡Felicitaciones a todos los ganadores! También queremos agradecer a todos los demás que enviaron un proyecto y completaron la encuesta de comentarios. Agradecemos todo el tiempo y el esfuerzo que dedicaste a tus proyectos creativos e inspiradores. Ya se notificó a los 10 ganadores del premio "Comentarios más valiosos", y, en general, hubo tantas sugerencias valiosas y prácticas que las llevaremos a los equipos correspondientes para mejorar aún más Baseline.