StyleList: una herramienta de prueba virtual con IA de código abierto 72

小编 ·

StyleList: una herramienta de prueba virtual con IA de código abierto

StyleList es una herramienta de prueba virtual con IA de código abierto que utiliza visión por computador y procesamiento de lenguaje natural para ofrecer recomendaciones de outfits personalizadas. Los usuarios suben una foto y reciben sugerencias de combinación de prendas superiores e inferiores, además de búsqueda de productos integrada. Al subir fotos personales e imágenes de prendas, pueden generar previsualizaciones de prueba, simplificando la selección y combinación de outfits.

StyleList: una herramienta de prueba virtual con IA de código abierto

StyleList es una herramienta ai de prueba de ropa de código abierto que utiliza visión por computadora y procesamiento de lenguaje natural para ofrecer a los usuarios recomendaciones personalizadas de ropa. Después de que el usuario sube una foto, puede obtener sugerencias de combinación de prendas superiores e inferiores, y esta herramienta también integra una función de búsqueda de productos. Los usuarios solo tienen que subir su foto personal y la imagen de la prenda para generar una vista previa del cambio de look, lo que simplifica el proceso de elegir y combinar conjuntos.

StyleList: una herramienta de prueba de ropa con IA de código abierto

Las funciones principales son las siguientes:

  • Estilista de moda con IA: interfaz conversacional respaldada por el modelo Llama-4-Maverick-17B

  • Modo de estilismo automático: genera automáticamente moodboards a partir de las sugerencias de estilo, con búsqueda de productos sensible al género

  • Análisis de imágenes: sube una foto para obtener recomendaciones de estilismo personalizadas

  • Búsqueda de productos: integración con el catálogo de productos de Amazon mediante RapidAPI

  • Creación de moodboards: colección visual de las prendas seleccionadas, con función de prueba virtual.

  • Chat multimodal: admite entradas de texto e imágenes en la conversación.

Las capacidades técnicas incluyen:

  • Respuestas de IA en streaming: conversación en tiempo real con formato markdown

  • Validación de imágenes: evaluación de la calidad de las fotos mediante IA

  • Estado persistente: almacenamiento de datos entre sesiones mediante Zustand

  • Diseño responsivo: interfaz optimizada para dispositivos móviles y de escritorio

El stack tecnológico es el siguiente:

Frontend:

  • Next.js 15 (con App Router) y TypeScript

  • React 18 (con componentes del lado del servidor y del cliente)

  • TailwindCSS (para estilos y diseño responsivo)

  • Zustand (para gestión del estado con persistencia)

  • ReactMarkdown (para formatear las respuestas de la IA)

  • Lucide Icons (para iconos de la interfaz)

Backend y API:

  • Vercel AI SDK (para interacciones de IA en streaming)

  • Amazon Product API (datos de productos a través de RapidAPI)

  • Rutas de API personalizadas (para chat, validación de imágenes y generación de moodboards)

  • Server Actions (para el manejo de formularios y datos)

Integración de IA:

  • Modelo Llama-4-Maverick-17B-128E-Instruct-FP8 (aporta experiencia en moda)

  • Capacidades visuales para análisis de imágenes y recomendaciones de estilismo

  • Llamadas a herramientas para integración con búsqueda de productos

  • Prompts del sistema personalizados y optimizados para estilismo de moda

Instalación y configuración:

  • Requisitos previos: Node.js 18.0 o superior, gestor de paquetes npm o yarn, cuenta de RapidAPI para acceder a productos de Amazon.

  • Pasos de instalación:

  1. Clona el repositorio: git clone <repository-url> y luego entra en el directorio del proyecto: cd open-ai-stylist.

  2. Instala las dependencias: npm install.

  3. Configura las variables de entorno (crea un archivo .env.local).

  4. Inicia el servidor de desarrollo: npm run dev.

  5. Abre http://localhost:3000 en el navegador.

Modo de uso:

  1. Configuración inicial: sube fotos de modelos aprobadas. Las fotos se validan mediante IA para confirmar que son aptas para estilismo, y las aprobadas se almacenarán para las conversaciones de estilismo.

  2. Conversación de estilismo: inicia una nueva sesión de chat, sube fotos o describe tus necesidades de estilismo, recibe recomendaciones personalizadas de prendas superiores e inferiores, explora los productos sugeridos con precios en tiempo real de Amazon y selecciona artículos para crear moodboards.

  3. Panel de moodboards: selecciona productos durante la conversación, crea colecciones temáticas con títulos generados por IA, visualiza los productos en un diseño de cuadrícula responsivo y accede a enlaces de compra directa de los artículos seleccionados.

  4. Modo de estilismo automático: haz clic en el botón de rayo en el área de entrada del chat para activar el estilismo automático. Conversa normalmente con el estilista de IA; cuando la IA sugiera propuestas de estilismo, el modo automático analizará las sugerencias para detectar el contexto de género, extraerá las prendas clave mencionadas, realizará búsquedas de productos sensibles al género, generará pruebas virtuales usando las fotos del modelo, creará automáticamente moodboards completos y te avisará cuando termine.

Casos de uso

  • Planificación de looks diarios: ayuda a combinar diferentes prendas desde casa, para ir siempre bien vestido.

  • Apoyo al comercio electrónico de moda: los vendedores de moda pueden aprovechar esta herramienta para ofrecer a los compradores un servicio de prueba virtual, aumentando así la tasa de conversión.

Dirección del proyecto de código abierto:

https://github.com/parsakhaz/open-ai-stylist