Al hacer clic en "Aceptar", usted acepta que se almacenen cookies en su dispositivo para mejorar la navegación del sitio, analizar su uso y contribuir a nuestros esfuerzos de marketing. Consulte nuestra política de privacidad para más información.  pour plus d'informations.
Open Datasets
WebSight: Capturas de pantalla y sitios web HTML sintéticos
Multimodal

WebSight: Capturas de pantalla y sitios web HTML sintéticos

WebSight es un amplio conjunto de datos sintéticos que combina código HTML/CSS/Tailwind y capturas de pantalla de sitios web generadas automáticamente.

Obtén el dataset
Tamaño

2,7 millones de ejemplos, 317 GB, archivos de Parquet

Licencia

CC-BY 4.0

Descripción

WebSight es un conjunto de datos único que reúne más de 2,7 millones de pares compuestos por código HTML/CSS y capturas de pantalla asociadas. Estos sitios web se generan automáticamente con ideas producidas por los LLM, lo que los convierte en un recurso ideal para la generación de interfaces de usuario, la creación de prototipos o la comprensión visual de las páginas web.

¿Para qué sirve este conjunto de datos?

  • Entrene modelos capaces de generar HTML a partir de una imagen (interfaz de usuario inversa)
  • Pruebe algoritmos de sistemas de generación o diseño de código visual
  • Cree herramientas de análisis semántico de accesibilidad o interfaz

¿Se puede enriquecer o mejorar?

Sí, es posible añadir anotaciones de UX, etiquetas de estructura semántica o incluso entrenar modelos para mejorar la diversidad visual. Su uso junto con otros conjuntos de datos web reales también puede aumentar la solidez de los modelos generados.

🔎 En resumen

Criterio Evaluación
🧩 Facilidad de uso⭐⭐✩✩✩ (Complejo — gran volumen, requiere infraestructura adecuada)
🧼 Necesidad de limpieza⭐⭐⭐⭐⭐ (Ninguno: dataset ya estructurado y coherente)
🏷️ Riqueza de anotaciones⭐⭐⭐⭐⭐ (Código + imagen + idea LLM = alto valor contextual)
📜 Licencia comercial✅ Sí (CC-BY 4.0)
👨‍💻 Ideal para principiantes⚠️ No — dataset pesado de manejar
🔁 Reutilizable para fine-tuning✅ Perfecto para modelos visio-código (UI2Code)
🌍 Diversidad cultural🇬🇧 Medio – contenido generado en inglés

🧠 Recomendado para

  • Proyectos de IA de interfaz de usuario de generación
  • Investigadores de interacción visual
  • Diseño asistido por LLM

🔧 Herramientas compatibles

  • PyTorch
  • Hugging Face Transformers
  • VisionEncoderDecoder
  • CLIP
  • Parsers HTML

💡 Consejo

Para entrenar de manera efectiva, comience filtrando la versión v0.2 (con imágenes reales y Tailwind CSS), que es más rica en diversidad.

Preguntas frecuentes

¿Este conjunto de datos solo incluye sitios ficticios o sitios reales?

Se trata exclusivamente de sitios generados sintéticamente, sin contenido real de la web, lo que garantiza un marco legal de uso.

¿Se puede usar WebSight para entrenar a un modelo para que genere HTML a partir de una imagen?

Sí, es precisamente uno de sus principales casos de uso. Cada imagen corresponde a su código HTML/CSS, ideal para el entrenamiento de imagen a código.

¿Con qué versión deberías empezar: v0.1 o v0.2?

Se recomienda la versión v0.2: incluye imágenes realistas, más ejemplos y código estructurado con Tailwind CSS.

Otros datasets

Ver más
Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.