Oil UI106 · Ejemplos de diseño
Explora ejemplos funcionales de la galería de Oil UI por formato de interfaz o tarea de diseño concreta. Abre las demos originales, compara enfoques y consulta los prompts que los generaron.
45 · Ejemplos de diseñoSitios web, páginas de destino y comercio electrónico creados con Codex y Oil UI Skill. Abre las demos funcionales y reutiliza los prompts originales en Claude Code, Codex u otro agente.
33 · Ejemplos de diseñoInterfaces de aplicaciones móviles creadas con Codex, Claude Code y Oil UI Skill: aprendizaje, viajes, salud y herramientas cotidianas. Explora las demos multipantalla y reutiliza los prompts originales.
18 · Ejemplos de diseñoAplicaciones de escritorio, editores y espacios de trabajo creados con Codex y Oil UI Skill. Prueba las demos y reutiliza los prompts originales para estudiar información densa, listas, lienzos y diseños de varios paneles.
10 · Ejemplos de diseñoComponentes interactivos y módulos de interfaz creados con Codex, Claude Code y Oil UI Skill, incluidas visualizaciones y paneles de control. Prueba las demos y reutiliza los prompts originales.
5 · Ejemplos de diseñoExplora configuradores funcionales de teclados mecánicos, pulseras artesanales, zapatillas para correr y muebles. Comprueba cómo se combinan las opciones, la vista previa en directo y el resumen del pedido, y consulta los briefs originales.
5 · Ejemplos de diseñoRecorre flujos completos de pago, incorporación, reserva y carga de archivos. Estudia la agrupación de campos, las transiciones entre pasos, la validación y la recuperación de errores, en lugar de limitarte a una fila ordenada de campos.
7 · Ejemplos de diseñoExplora lecciones que convierten la geometría del círculo, los circuitos, las estructuras moleculares y las tácticas de ajedrez en acciones. Compara cómo se conectan las demostraciones, la práctica guiada y la retroalimentación específica.
5 · Ejemplos de diseñoCompara banca digital, presupuestos personales, conciliación de recibos, ingresos por suscripción y facturación de API. Estudia la jerarquía de importes, las pruebas de las transacciones, el tratamiento de excepciones y los flujos de exportación en distintas tareas financieras.
7 · Ejemplos de diseñoExplora herramientas de revisión de vídeo, edición con línea de tiempo, guiones gráficos, streaming para televisión, pódcasts y reproductores de música. Compara cómo comparten el espacio las imágenes, los controles de reproducción, los comentarios y las colas.
4 · Ejemplos de diseñoExplora el seguimiento del ciclo, las rutinas de sueño, la recuperación al correr y los entrenamientos de natación. Estudia la jerarquía y el tono aplicados a datos de salud sensibles, predicciones y registros frecuentes sin convertir cada pantalla en un panel de control.