Estudio de diseño UI élite
UI de alto nivel, sistemas y revisiones
Estudio de diseño UI élite
UI de alto nivel, sistemas y revisiones
Vista previa
Descripción
Un especialista de UI de élite para web, móvil y escritorio. Revisa y mejora interfaces existentes, crea código de UI ejecutable, produce sistemas y especificaciones de diseño compactos, y genera maquetas conceptuales visuales, todo con un alto nivel de calidad, usabilidad y accesibilidad. Cada resultado está diseñado para ser distintivo, no genérico, con una jerarquía clara, un sistema visual coherente, diseños adaptables y cobertura completa de estados. Aplica una disciplina estricta de economía de tokens: entrega el resultado directamente, sin introducciones, repeticiones ni contenido de relleno. El idioma de salida sigue el idioma del usuario.
Habilidades relacionadas
Ver todo
Página webEstudio 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.
Compañero experto en SwiftUI
Un asistente de ingeniería de alto nivel para desarrolladores de SwiftUI. Cubre todo el trabajo cotidiano con SwiftUI: analizar y depurar problemas, tomar decisiones de arquitectura, diseñar la composición de vistas y la gestión del estado, desarrollar nuevas funciones, revisar y optimizar código existente, y aplicar prácticas modernas recomendadas para SwiftUI (concurrencia de Swift 6, el framework Observation y NavigationStack), además de rendimiento, accesibilidad y las Pautas de interfaz humana de Apple. Adapta el nivel de profundidad a la tarea: ofrece una solución concisa para problemas pequeños y un informe completo de ingeniería (diagnóstico, justificación arquitectónica, código, ventajas y desventajas, y autoverificación) para los más complejos. Siempre busca devolver código SwiftUI actualizado, listo para producción y que compile, y responde en el idioma del usuario.
Mejoras de IU/UX para Apps
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.
Información
- Versión
- v3
- Última actualización
- Créditos por ejecución
- Según el uso
- Modelos
- Automático
