
Licht
& Gefäß.
Dämmerung über Wasser
Dämmerung und Teich füllen das Bild. Die Gefäße bleiben im Schatten, die große Serifenschrift in einer ruhigen Ecke.
Geh über generische Vorlagen hinaus: Erkunde klar unterschiedliche Richtungen, entferne Standardmuster und arbeite jeden Bildschirm in einem echten Browser aus.
Gestalte Interfaces mit Charakter.
npx skills add oil-oil/oil-ui$9.99 · Einmalkauf
Mehr als der kostenlose Skill: Nutzbarkeit, Arbeit an Bestandsprojekten und strengere Reviews.
Installiere Oil UI Pro für mich: führe npx github:oil-oil/oil-cli install oil-ui-pro ausSchick ihn deinem Agenten. Er hilft dir beim Bezahlen und Installieren.
Mehr über ProVergleiche drei klar unterschiedliche Richtungen in Komposition, Typografie, Farbpalette und Bildwelt. Wechsle zwischen Desktop und Mobil, öffne eine Einzelansicht und wähle die Richtung, die dein Agent umsetzen soll.
Besucher finden Termine, Ausstellungsräume und Highlights von Licht & Gefäß und können anschließend einen Besuch buchen.

Dämmerung und Teich füllen das Bild. Die Gefäße bleiben im Schatten, die große Serifenschrift in einer ruhigen Ecke.

Eine Ausstellung über Alltagsgefäße und natürliches Licht.
Wie ein aufgeschlagenes Ausstellungsjournal ordnet ein Zeitungsraster Morgenlicht, Gefäße und Besuchsinformationen.

Das Gemälde wird zu einem Fenster aus Papier, in dem sich Seladon und helles Wasser frei entfalten können.
Ohne Vorgaben greift ein Modell zu leuchtenden Pillen-Labels, farbigen Balken links, dreifach verschachtelten Karten und erfundenen Kennzahlen. Der Skill erkennt diese Standardmuster automatisch und entfernt überflüssige Elemente, damit deine Inhalte und die primäre Aktion hervorstechen.

Ton kneten, eine Tasse drehen und ihren Rand nachbearbeiten. Zwei ruhige Tage an einer Werkbank am Wasser, um ein Gefäß für den Alltag herzustellen.
Ein umfassendes, immersives Töpfererlebnis, das unendliche Möglichkeiten sowie künstlerisches Potenzial und Kreativität freisetzt.
Erfahrene Mentoren · Ausgewählte Importmaterialien · Rundum-Service
Code zu schreiben ist nur der erste Schritt. Dein Agent nimmt echte Browser-Screenshots, 200-%-Ausschnitte und Layouts mit maskiertem Text auf und übergibt sie einem neuen Subagenten zur Bewertung im Blindreview. Anschließend wird jede Runde erneut geprüft, bis die Seite 9/10 überschreitet.
| Autor und Beitrag | Nettohonorar (¥) | Status |
|---|---|---|
| Lin YaoEin Weg am Wasser · Essay | 3,200.00 | Bereit |
| Chen ZhouDie andere Seite der Dinge · Fotografie | 2,880.00 | Bereit |
| Xu NanGartenstudien · Illustration | 2,560.00 | Bankdaten fehlen |
In einer bestehenden Codebasis führt dein Agent zuerst die echte Aufgabe aus und zählt Klicks, Seitenwechsel und mögliche Rückwege. Erst danach schlägt er abgestufte Änderungen vor, von der Bereinigung gemeinsamer Tokens bis zu Stapelaktionen direkt im Arbeitsablauf.
Herbstbuchmesse und Mitgliedskarten
„Der Entwurf für die Herbstbuchmesse und die Mitgliedskarten ist bereit zur Prüfung. Wenn Sie ihn diese Woche bestätigen, bleiben wir für die nächste Phase im Zeitplan.“
Du brauchst keinen langen Prompt. Beschreibe dein Ziel in einem Satz und lass den Skill den Rest übernehmen.
Verwende oil-ui, um eine Buchungsseite für die Herbstausstellung des Museums zu gestalten.
Der Skill stellt zunächst drei unterschiedliche Richtungen auf einer Vergleichsseite gegenüber und setzt anschließend die von dir gewählte um.
| Schritt und Fähigkeit | Oil UI Open SourceKostenlos · MIT | Oil UI Pro$9.99 · Einmalkauf |
|---|---|---|
| Richtungsexploration, Vergleichsseite und Scroll-Erzählung | Enthalten (Kategorie-Benchmarks, Tonalität, unterschiedliche Richtungen, Vergleichsseite, Bildwelt, Bewegung und Parallax / durchgehende Kamerafahrten) | Enthalten, zusätzlich Konzeptentwicklung aus mehreren Blickwinkeln und konsistente visuelle Führung über die ganze Seite |
| Aufnahmen echter Bildschirme und Review durch unabhängige Subagenten | Desktop- und mobile Aufnahmen, Vergleich nachgebildeter Screenshots, bewertetes Blindreview mit Liste der Probleme | Wiederholte Reviews und Prüfungen mit dem Ziel 9/10 (bis zu 3 Runden); Kontrolle auf Überschneidungen zwischen Richtungen; Durchführung echter Aufgaben auf der Seite |
| KI-Standards durchbrechen und Details ausarbeiten | Automatische Erkennung typischer KI-Muster, grundlegende Lesbarkeitsprüfungen und Reduktion vor der Übergabe | Vollständige Prüfung typischer KI-Designmuster, Detailcheckliste bei 100 %/200 % und zeilenweise Vereinfachung |
| Nutzbarkeit: Interaktionen, Formulare und responsive Layouts | Weist auf Punkte hin, die Aufmerksamkeit brauchen | Vollständige Interaktionen und Zustände, Formulare und Fehlerkorrektur, Dialoge und Popover sowie Desktop- und mobile Layouts |
| Dashboards und Werkzeuge: Arbeitsbereich-Layouts und Kontinuität | — | 10 objektorientierte Arbeitsbereich-Layouts, passend zum Produkt ausgewählt und mit einem konsistenten Stil |
| Bestehende Projekte: UI erneuern, Abläufe verbessern und neue Funktionen | Zeigt, welches Vorgehen du brauchst | Kommentierte Diagnose einer Einzelseite, UI-Überarbeitung in 3 Stufen mit DESIGN.md sowie Ablaufkorrekturen mit Klickzählung |
| Einzelne Komponenten, 19 Kartenprototypen und Effekte | Rhythmus, Bediengefühl, generierte Assets und Echtzeit-3D für Minispiele | Intensive Ausarbeitung einzelner Komponenten, 19 Kartenprototypen mit Code und räumlichen Containern, Lichtspuren / Punktraster / fließende Verläufe sowie vollständige Prüfungen für Minispiele |
Wenn du nicht weißt, wo du beginnen sollst, teste die kostenlose Open-Source-Version zuerst an einer echten Seite. Wenn du bereits Pro hast, ist alles enthalten; du brauchst nicht beide Versionen.
Kostenlos unter der MIT-Lizenz. Ein Befehl im Terminal, keine zusätzliche Konfiguration.
npx skills add oil-oil/oil-uiZahle per Karte, Alipay oder WeChat. Sende die folgende Anweisung an deinen Agenten; er führt dich durch Anmeldung, Zahlung und Installation.
Installiere Oil UI Pro für mich: Führe npx github:oil-oil/oil-cli install oil-ui-pro aus.