La evolución del desarrollo: cómo la IA está empoderando proyectos de extensión para Chrome


Una de las formas más destacadas en las que la IA está cambiando el mundo es a través de la programación de software. Cada vez más, grandes volúmenes de código son escritos con ayuda de herramientas de IA, y aunque aún se debate cuán beneficioso es este cambio, no cabe duda de que está sucediendo a gran escala. Este fenómeno, lejos de ser exclusivo para desarrolladores profesionales, abre la puerta a que cualquiera pueda crear sus propias herramientas y aplicaciones, incluso sin experiencia previa en programación.

Más allá de proporcionar a los desarrolladores una nueva herramienta, este enfoque de «vibe coding» permite a las personas diseñar soluciones personalizadas de forma más rápida y directa. Si bien no es posible construir un clon completo de Word en una tarde, sí es factible crear herramientas y extensiones simples con relativa facilidad.

Este es justamente el tipo de exploración que me ha llevado a trabajar con Claude para desarrollar un par de extensiones de Chrome que personalizan el navegador de maneras que no estaban disponibles en utilidades existentes. A continuación describo el proceso y cómo puedes hacerlo tú también.

Cómo funciona

Pantalla de ordenador con Claude y extensiones de Chrome creadas con Claude

Claude enfrentándose a un desafío de extensión(Imagen: Anthropic / Future)

Si eres completamente nuevo en la codificación dentro de un chatbot de IA, no es difícil empezar. Las principales plataformas ofrecen herramientas para programadores, pero si solo deseas crear proyectos simples, puedes trabajar directamente dentro de la ventana de conversación — describiendo lo que quieres y viendo los resultados en tu navegador.

He estado usando Claude para estas extensiones personales, aunque también se puede trabajar con herramientas como ChatGPT, Gemini o Copilot. En general, las versiones de pago suelen ofrecer modelos más potentes y mayores derechos de uso, pero no es imprescindible para empezar a codificar.

Puedes iniciar con un prompt tan directo como: “Quiero construir una extensión de Chrome para…”, y luego describir lo que necesitas. la IA pedirá detalles, aclaraciones y te irá mostrando el proceso de construcción de la extensión. Puedes usar prompts de seguimiento para ajustar y personalizar según sea necesario.

Para instalar la extensión en tu equipo, tu IA elegida también te asesorará. Debes abrir chrome://extensions en una nueva pestaña, activar el modo Desarrollador en la esquina superior derecha y elegir Cargar sin empaquetar para seleccionar los archivos de la extensión. Las extensiones pueden actualizarse y eliminarse desde la misma página.

Proyecto 1: Una nueva página de pestaña

Página de nueva pestaña personalizada

Una página de nueva pestaña a mi medida(Imagen: Anthropic / Future)

Hay muchas formas de personalizar la página de nueva pestaña en Chrome, y existen numerosas opciones en la Chrome Web Store. Sin embargo, quise algo completamente a medida, con exactamente lo que necesitaba, ya que paso mucho tiempo ahí. Claude no solo me ayudó a codificar la página, también respondió preguntas sobre cómo incorporar noticias, pronóstico del tiempo y otros elementos deseados. Sin la ayuda de la IA, esto habría llevado horas de investigación y codificación; en minutos quedó hecho. También añadí un bloc de notas y una lista de los cinco sitios que más visito en la última semana.

El pronóstico del tiempo ilustra cuán personalizable puede ser este tipo de extensión: tengo el tiempo actual, dentro de dos horas y dentro de cuatro, todo representado con_iconos simples para una actualización rápida. La página de nueva pestaña, además, puede mostrarse con un estilo minimalista que no agobia la vista. Y cuando quiera agregar o quitar funciones, solo hace falta ajustar unas cuantas líneas en la conversación con Claude.

Proyecto 2: Un analizador de historial

Análisis del historial de Chrome con Claude

Se puede hacer más con el historial de Chrome de lo que imaginas(Imagen: Anthropic / Future)

Otra necesidad que tenía era extraer más valor de la página de historial de Chrome (chrome://history). Por defecto es una lista de sitios en orden cronológico inverso, pero me preguntaba si una extensión podría analizarla y generar insights: sitios más visitados, patrones de navegación, etc.

Me gustaría crear una extensión de Chrome solo para mí que haga un poco más con la página de historial. Me gustaría incluir un gráfico circular que muestre los sitios visitados más en la última semana. ¿Qué otros insights podríamos obtener de esta página? ¿Qué tal el tiempo medio entre un enlace y el siguiente?

Prompt de inicio de Claude (ejemplo)

Con Claude pude comenzar sin saber exactamente qué quería. Pregunté qué era posible y qué consultas probar, y junto con la IA formulé un plan para mostrar los sitios más visitados, las horas del día con más apertura de nuevas páginas y las formas más habituales de visitar sitios (usar marcadores, escribir URLs, seguir enlaces, etc.).

Esa última pieza en el tablero no habría aparecido sin Claude: la IA indicó que la página de historial de Chrome expone estos datos y pueden ser aprovechados; de lo contrario, quizá no lo habría sabido. También surgieron ideas para más paneles, y continuaré ajustándolo. Ahora es una pantalla de información mucho más útil que la larga lista de enlaces que ofrece Chrome por defecto.

Ambas extensiones fueron codificadas en minutos más que en horas, y muestran lo capaz que es la IA para proyectos personales de pequeña escala, al menos por ahora. Si hay una función de navegador que siempre has querido pero no has encontrado forma de implementarla, hay buena probabilidad de que un chatbot de IA pueda construirla para ti, a tus especificaciones exactas.

https://kwizly.com/embed/eJqYYX.js

from Latest from TechRadar https://ift.tt/c198jN5
via IFTTT IA