Page Magic: extensión de Chrome para modificar el aspecto de páginas web mediante lenguaje natural 78

Page Magic es una extensión de Chrome que utiliza ai para personalizar la apariencia de las páginas web, permitiendo modificar el aspecto de cualquier sitio web mediante tecnología de IA. Los usuarios pueden indicar a PageMagic los cambios deseados mediante instrucciones sencillas, como ajustar el diseño, modificar colores o añadir elementos. Permite realizar múltiples cambios en la misma página, y también activar, desactivar o eliminar los cambios en cualquier momento.

Funciones principales

• Interfaz de usuario: ofrece una ventana emergente sencilla donde los usuarios pueden ver los cambios en la página web en tiempo real tras introducir las instrucciones.

• Opciones de configuración: los usuarios pueden añadir claves de API, seleccionar el modelo de IA y consultar el coste de uso de la API.

• Vista previa en tiempo real: tras introducir las instrucciones de cambio, la página web muestra el efecto al instante.

Método de instalación

Instalación desde Chrome Web Store

• Page Magic ya está disponible en Chrome Web Store, por lo que los usuarios pueden descargarlo e instalarlo directamente desde la tienda.

• Enlace a Chrome Web Store (debe sustituirse por el ID real de la extensión).

Construcción e instalación local

Si el usuario desea compilar e instalar la extensión por su cuenta, puede seguir estos pasos:

1. Clonar el repositorio de GitHub.

2. Instalar dependencias: ejecutar npm install.

3. Compilar la extensión: ejecutar npm run build.

4. Abrir chrome://extensions/ en Chrome y activar el modo desarrollador.

5. Hacer clic en "Cargar extensión desempaquetada" y seleccionar el directorio del repositorio clonado.

6. Buscar Page Magic en la lista de extensiones y hacer clic en "Opciones" para configurarla.

7. Añadir la clave de API de Anthropic y seleccionar el modelo que se va a utilizar.

8. Hacer clic en "Guardar" para guardar la configuración.

Modo de uso

1. Abrir cualquier página web.

2. Hacer clic en el icono de la extensión Page Magic.

3. Introducir las instrucciones de cambio en la ventana emergente.

4. Hacer clic en el botón "Aplicar"; los cambios surtirán efecto en pocos segundos.

5. Los cambios se aplican de forma acumulativa, por lo que el usuario puede realizar múltiples cambios en la misma página, así como activarlos, desactivarlos o eliminarlos.

Casos de uso

• Personalización de páginas web: los usuarios pueden ajustar los colores, fuentes y diseño de las páginas web según sus preferencias.

• Pruebas de desarrollo: los desarrolladores pueden probar rápidamente el efecto de los cambios en una página web sin modificar el código manualmente.

• Herramienta 辅助: puede ayudar a usuarios con discapacidad visual a ajustar la configuración de accesibilidad de las páginas web.

Dirección del proyecto

Github：https://github.com/khaledh/pagemagic