Mejoras de IU/UX para Apps
IU mejorada, imágenes y prompts de código
Mejoras de IU/UX para Apps
IU mejorada, imágenes y prompts de código
Vista previa
Descripción
Convierte capturas de pantalla de aplicaciones Android e iOS existentes en mejoras claras de IU/UX que tu desarrollador pueda implementar. Para cada cambio, recibe: • Una maqueta limpia que muestra el resultado propuesto. • Una imagen anotada correspondiente con flechas numeradas. • Un prompt de implementación copiable que explica qué cambiar, qué conservar, cómo deben funcionar las interacciones y cómo verificar el resultado. Diseñado para propietarios de aplicaciones, desarrolladores y diseñadores que trabajan con programadores humanos o asistentes de código de IA. Preserva la identidad de tu aplicación de forma predeterminada y se centra en los problemas que deseas resolver. Considera pantallas pequeñas y grandes, escala de texto, accesibilidad y diseños multilingües RTL/LTR. El inglés es el idioma predeterminado. La habilidad responde en el idioma del usuario cuando es identificable y conserva el idioma de la interfaz de la aplicación a menos que se solicite una traducción. Requiere capacidades de comprensión de imágenes, generación de imágenes y edición de imágenes de referencia para entregables visuales. Produce propuestas de diseño e instrucciones para desarrolladores, no una aplicación compilada, implementada o probada.
Habilidades relacionadas
Ver todoEstudio de Diseño AI
Convierte ideas generales, esquemas de contenido o capturas de pantalla de interfaces en entregables de diseño listos para implementar mediante un flujo de trabajo estructurado de 8 fases. ### Para quién es Fundadores, gerentes de producto, especialistas en marketing, educadores, creadores y desarrolladores que necesitan diseños visuales accesibles y código frontend limpio sin depender de pruebas y errores. ### Qué proporcionar - Tu objetivo de diseño y audiencia (página de destino para SaaS, panel, interfaz móvil, hoja de trabajo imprimible, gráfico social, póster o kit de marca). - Cualquier texto requerido, dimensiones, colores de marca o capturas de pantalla de referencia (si se omiten, la habilidad aplica valores predeterminados lógicos y los comunica). ### Cómo funciona 1. **Breve y estrategia**: Extrae tu objetivo y restricciones, señala especificaciones conflictivas con anticipación y selecciona una estrategia adaptada (Conversión, Eficiencia de tareas, Legibilidad/Impresión o Accesibilidad primero). 2. **Sistema visual**: Establece una paleta de colores semántica (con cálculos de contraste WCAG 2.2 AA), una escala tipográfica modular y una cuadrícula de 4px/8px. 3. **Producción y alternativas inteligentes**: Genera HTML5/CSS3 semántico, vectores SVG escalables, hojas de trabajo listas para imprimir (`@page` / `@media print`) y tokens de diseño W3C, además de 3 indicaciones de imagen independientes (Jerárquica estricta, Estética creativa e Híbrida) cuando las herramientas de imágenes rasterizadas no estén activas. 4. **Control de calidad honesto en 4 estados**: Audita el contraste, etiquetas, enlaces y geometría de impresión, etiquetando cada comprobación como `VERIFIED` (VERIFICADO), `NOT VERIFIED` (NO VERIFICADO), `FAILED` (FALLIDO) o `NOT APPLICABLE` (NO APLICABLE). ### Lo que obtienes - Breve resumen de diseño y tabla de tokens del sistema visual - Archivos HTML/CSS/SVG listos para implementar o diseños imprimibles - Informe de control de calidad de 4 estados con instrucciones de edición y exportación ### Límites Genera formatos abiertos (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) que se pueden importar en Figma/Illustrator en lugar de binarios cerrados (`.fig`, `.psd`). Las pruebas de imprenta CMYK comerciales y las revisiones legales de marcas registradas requieren supervisión humana.
Remix de imágenes
Crea imágenes personalizadas a partir de imágenes de referencia impactantes para publicidad, conceptos de moda, retratos editoriales, escenas de productos y exploración visual. Remix de imágenes analiza qué hace que tu referencia funcione y te ayuda a adaptarla a tu sujeto, estilo o producto. Conserva la composición y la atmósfera que te gustan mientras cambias detalles seleccionados mediante cinco opciones guiadas. TUS CINCO CONTROLES CREATIVOS • Personaje / Sujeto — Conserva la apariencia de origen, describe los cambios o proporciona una referencia. • Vestuario — Conserva el atuendo, describe un nuevo look o usa una referencia de ropa. • Entorno — Conserva el escenario o traslada la escena a un lugar nuevo. • Realismo de la piel — Elige una piel suave pero realista, textura natural, pecas sutiles o una descripción propia. • Joyas — Consérvalas, rediseñalas, reemplázalas, elimínalas o proporciona una referencia. CÓMO FUNCIONA Sube una imagen de origen y haz tus selecciones. Añade referencias de personas, vestuario o productos cuando sea necesario. La herramienta recopila los detalles esenciales que falten, prepara un prompt completo de generación en inglés, explica el resultado previsto en tu idioma y genera una imagen. CONTROLA LOS CAMBIOS. CONSERVA EL IMPACTO VISUAL. La pose, el encuadre, la perspectiva y la atmósfera se mantienen constantes, a menos que elijas cambiarlas. La iluminación, las sombras, los reflejos y los materiales se adaptan para que los elementos nuevos se integren de forma natural. Las referencias tienen funciones separadas: una referencia de ropa guía el vestuario, mientras que una referencia de producto guía el diseño del producto. Esto ayuda a evitar que se incorporen rostros, fondos o accesorios no relacionados. LO QUE RECIBES • Una imagen generada personalizada. • Un prompt de imagen completo y reutilizable en inglés. • Una explicación clara en tu idioma. Añade instrucciones opcionales sobre iluminación, encuadre, relación de aspecto o texto. Perfecciona el resultado mediante revisiones específicas mientras conservas las opciones aceptadas. Recreación guiada por referencias; no se garantiza una duplicación píxel por píxel.
Anuncios Antes/Después
Haz que la transformación sea la protagonista. Convierte una sola foto de producto en anuncios visuales llamativos de antes y después, con dirección artística expresiva, composiciones impactantes y una transformación que ocupa el centro de la escena. Desde cosméticos y cuidado personal hasta limpieza y fitness, esta skill explora los usos de tu producto y desarrolla formas creativas de visualizar sus beneficios relevantes. TU PRODUCTO. TU DIRECCIÓN CREATIVA. Comienza con una foto. La skill investiga el producto y luego te ayuda a elegir la escena, los materiales, los elementos visuales, el formato y el estilo del texto. ¿Prefieres una sorpresa? Deja que la IA tome la iniciativa creativa. TRES CONCEPTOS. TRES IDEAS VISUALES DISTINTAS. Explora tres conceptos adaptados a tu producto, con prompts completos para generar imágenes. Imagina revelaciones entre telas fluidas, entornos escultóricos, primeros planos dramáticos, transiciones con vidrio o un mundo inesperado construido alrededor de tu producto. Cada concepto ofrece una historia visual diferente. ANTES Y DESPUÉS, EN PRIMER PLANO. Las escenas de transformación, grandes y fáciles de leer, lideran la composición. La ubicación del producto, la atmósfera y la tipografía trabajan en conjunto para destacar el cambio, incluso en la pantalla de un celular. TÚ APRUEBAS. DESPUÉS, SE CREA. Revisa los prompts, solicita ajustes y selecciona un concepto o los tres. La generación de imágenes comienza solo después de tu aprobación, usando las capacidades disponibles en tu espacio de trabajo. DISEÑADO SEGÚN TUS PREFERENCIAS. Elige dimensiones cuadradas, verticales, horizontales o personalizadas. Agrega un titular llamativo, mantén el texto al mínimo o deja que las imágenes hablen por sí solas. El flujo de trabajo se adapta a tu idioma, mientras que los prompts de producción se escriben en inglés de forma predeterminada. Sube tu producto. Diseña la escena. Enfoca la transformación.
Información
- Versión
- v2
- Última actualización
- Créditos por ejecución
- Según el uso
- Modelos
- Automático