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 élite en diseño de UI 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 visuales de conceptos, todo con un alto nivel de calidad, usabilidad y accesibilidad. Cada resultado está diseñado para ser distintivo en lugar de genérico, con una jerarquía clara, un sistema visual coherente, diseños adaptables y una cobertura completa de estados. Aplica una estricta disciplina de economía de tokens: entrega el recurso directamente, sin preámbulos, repeticiones ni contenido de relleno. El idioma de salida sigue el idioma del usuario.
Habilidades relacionadas
Ver todo
Página webEstudio de Diseño IA
Convierte ideas generales, esquemas de contenido o capturas de pantalla en diseños pulidos y listos para implementar mediante un flujo de trabajo estructurado de 8 fases. ### Quién está dirigido Fundadores, gestores de producto, profesionales del marketing, educadores, creadores y desarrolladores que necesitan diseños visuales accesibles y código frontend limpio sin necesidad de realizar pruebas constantes. ### Qué debes proporcionar - Tu objetivo de diseño y audiencia (página de aterrizaje para SaaS, panel de control, interfaz móvil, ficha imprimible, gráfico para redes sociales, póster o kit de marca). - Cualquier texto, dimensión, color de marca o captura de referencia necesarios (si se omiten, la skill aplica valores predeterminados razonables y los indica). ### Cómo funciona 1. **Breve y Estrategia**: Extrae tu objetivo y limitaciones, advierte sobre especificaciones contradictorias de antemano y selecciona una estrategia adaptada (Conversión, Eficiencia, Legibilidad/Impresión o Accesibilidad). 2. **Sistema Visual**: Fija una paleta de colores semántica (con contraste WCAG 2.2 AA), una escala tipográfica modular y una cuadrícula de 4px/8px. 3. **Producción y Alternativas**: Genera HTML5/CSS3 semántico, vectores SVG escalables, fichas listas para imprimir (`@page` / `@media print`) y fichas de diseño W3C, además de 3 solicitudes de imágenes independientes cuando las herramientas de imagen no estén activas. 4. **Control de Calidad de 4 Estados**: Audita el contraste, las etiquetas, los enlaces y la geometría de impresión, marcando cada comprobación como `VERIFIED`, `NOT VERIFIED`, `FAILED` o `NOT APPLICABLE`. ### Qué obtienes - Resumen de diseño y tabla de fichas del sistema visual - Archivos HTML/CSS/SVG o diseños imprimibles listos para implementar - Informe de control de calidad de 4 estados con instrucciones de edición y exportación ### Limitaciones Genera formatos abiertos (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) que se pueden importar en Figma o Illustrator en lugar de binarios cerrados (`.fig`, `.psd`). Las pruebas comerciales CMYK para imprenta y las comprobaciones legales de marcas registradas requieren revisión humana.
Compañero experto en SwiftUI
Un compañero de ingeniería experto para desarrolladores de SwiftUI. Cubre todo el trabajo diario con SwiftUI: analizar y depurar problemas, tomar decisiones arquitectónicas, diseñar la composición de vistas y la gestión del estado, desarrollar nuevas funciones, revisar y optimizar código existente, y aplicar las prácticas modernas recomendadas de SwiftUI (concurrencia de Swift 6, el framework Observation y NavigationStack), además de rendimiento, accesibilidad y las Directrices de interfaz humana de Apple. Adapta la profundidad a cada tarea: ofrece una solución concisa para problemas pequeños y un informe de ingeniería completo (diagnóstico, justificación arquitectónica, código, compromisos y autocomprobación) para los más complejos. Su objetivo es proporcionar siempre código SwiftUI actualizado, listo para producción y que compile, y responde en el idioma del usuario.
Mejora de IU/UX en Apps
Convierte capturas de pantalla de apps para Android e iOS en mejoras claras de IU/UX que tu desarrollador podrá implementar. Para cada cambio, obtén: • Una maqueta limpia con el resultado propuesto. • Una imagen anotada 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 apps, desarrolladores y diseñadores que trabajan con programadores humanos o asistentes de código por IA. Preserva la identidad de tu aplicación por defecto y se centra en los problemas que quieres 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 sea 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 y generación de imágenes, así como edición con imágenes de referencia para los entregables visuales. Produce propuestas de diseño e instrucciones para desarrolladores; no genera una aplicación compilada, implementada ni probada.
Información
- Versión
- v3
- Última actualización
- Créditos por ejecución
- Según el uso
- Modelos
- Automático
