Skip to content

Latest commit

 

History

History
53 lines (34 loc) · 2.25 KB

README.md

File metadata and controls

53 lines (34 loc) · 2.25 KB

Logo de UI2HTML

UI2HTML: Convierte Interfaces en Código

Descripción

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de OpenAI, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente, asegurando que el diseño sea receptivo y fiel al original.

Introducción

Con UI2HTML, puedes transformar imágenes de interfaces de usuario en código HTML de manera sencilla y eficiente. La aplicación utiliza la API de OpenAI para analizar y describir la interfaz de usuario, generando un código HTML preciso y estilizado. Para desarrollar esta aplicación necesitaremos:

  • API de OpenAI
  • Streamlit

¿Cómo funciona?

  1. Carga una imagen de la interfaz de usuario.
  2. La imagen se analiza y se describe detalladamente.
  3. Se genera un código HTML basado en la descripción de la interfaz de usuario.
  4. El código HTML se refina para mejorar la precisión y la capacidad de respuesta.

Funcionalidades

  • Convertir imagen a HTML: Convierte imágenes de interfaces de usuario en código HTML.
  • Refinamiento de HTML: Mejora la precisión y la capacidad de respuesta del código HTML generado.
  • Descarga de HTML: Permite descargar el código HTML generado.

Instalación

  1. Asegúrate de tener Python 3.8 o superior instalado en tu máquina.
  2. Clona este repositorio usando git clone https://github.com/bladealex9848/UI2HTML.git
  3. Navega al directorio del proyecto cd UI2HTML
  4. Instala las dependencias necesarias usando pip install -r requirements.txt
  5. Ejecuta streamlit run app.py para iniciar la aplicación.
  6. Obtén una clave API de Gemini para usar su API.

Uso

  1. Convertir imagen a HTML
  • Carga una imagen de la interfaz de usuario.
  • Haz clic en "Convertir en código HTML".
  • Espera a que se genere y refine el código HTML.
  • Descarga el archivo HTML generado.

Contribuciones

Si deseas contribuir a este proyecto, por favor, realiza un fork de este repositorio, crea una nueva rama, realiza tus cambios y envía un pull request.

Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para obtener más detalles.