Oil UI106 · Designbeispiele
Durchsuche funktionierende Beispiele aus der Oil-UI-Galerie nach Oberflächenformat oder konkreter Designaufgabe. Öffne die originalen Demos, vergleiche Ansätze und sieh dir die zugrunde liegenden Prompts an.
45 · DesignbeispieleWebsites, Landingpages und E-Commerce-UI, erstellt mit Codex und Oil UI. Öffne die funktionierenden Demos und verwende die ursprünglichen Prompts in Claude Code, Codex oder einem anderen Agenten erneut.
33 · DesignbeispieleMobile App-Oberflächen, erstellt mit Codex, Claude Code und Oil UI – von Lernen und Reisen bis Gesundheit und Alltagswerkzeugen. Erkunde Demos mit mehreren Bildschirmen und verwende die ursprünglichen Prompts erneut.
18 · DesignbeispieleDesktop-Apps, Editoren und Arbeitsbereiche, erstellt mit Codex und Oil UI. Probiere die Demos aus und verwende die ursprünglichen Prompts, um dichte Informationen, Listen, Canvases und mehrteilige Layouts zu untersuchen.
10 · DesignbeispieleInteraktive Komponenten und UI-Module, erstellt mit Codex, Claude Code und Oil UI, darunter Visualisierungen und Bedienpanels. Probiere die Demos aus und verwende die ursprünglichen Prompts erneut.
5 · DesignbeispieleErkunde funktionierende Konfiguratoren für mechanische Tastaturen, handgefertigte Armbänder, Laufschuhe und Möbel. Sieh dir an, wie Optionen, Live-Vorschauen und Bestellübersichten zusammenspielen, und lies die ursprünglichen Briefings.
5 · DesignbeispieleVerfolge vollständige Abläufe für Checkout, Onboarding, Buchung und Upload. Untersuche Feldgruppierung, Übergänge zwischen Schritten, Validierung und die Korrektur von Fehlern, statt nur eine ordentliche Reihe von Eingabefeldern zu beurteilen.
7 · DesignbeispieleErkunde Lektionen, die Kreisgeometrie, Schaltkreise, Molekülstrukturen und Schachtaktiken in Handlungen übersetzen. Vergleiche, wie Demonstrationen, angeleitete Übungen und konkrete Rückmeldungen miteinander verbunden sind.
5 · DesignbeispieleVergleiche digitales Banking, persönliche Budgetplanung, Belegabgleich, Abonnementumsätze und API-Abrechnung. Untersuche die Hierarchie von Beträgen, Belege für Transaktionen, den Umgang mit Ausnahmen und Exportabläufe bei unterschiedlichen Finanzaufgaben.
7 · DesignbeispieleErkunde Videoprüfung, Schnitt auf Zeitleisten, Storyboards, TV-Streaming, Podcasts und Musikplayer. Vergleiche, wie sich Bildmaterial, Wiedergabesteuerung, Kommentare und Warteschlangen den begrenzten Platz teilen.
4 · DesignbeispieleErkunde Zyklusverfolgung, Schlafroutinen, Erholung nach dem Laufen und Schwimmtraining. Untersuche Hierarchie und Ton für sensible Gesundheitsdaten, Vorhersagen und häufige Einträge, ohne aus jedem Bildschirm ein Dashboard zu machen.