Führe das Design – die Produktion übernimmt der Agent
Du setzt System und Standard; der Agent rendert die Screens, die Zustände, die Varianten, die hochauflösenden Comps. Weniger Rechtecke schieben, mehr entscheiden, wie gut aussieht.
In einem Satz
OpenDesign ist die Produktionsassistenz, die nie ermüdet: Du definierst das Designsystem und bringst den Geschmack ein; der Agent erzeugt den Rest, systemkonform, in deinem Repo.
So nutzt ein Designer OpenDesign
- 01
Kodiere dein System
Verwandle deine Marke in eine DESIGN.md – Typoskala, Farbe, Abstände, Komponenten, Tonalität. Das ist die Quelle der Wahrheit, der der Agent folgt.
- 02
Erzeuge den Long Tail
Jeden Screen, Zustand und jede Variante, die du sonst von Hand bautest – der Agent rendert sie systemkonform, sodass die langweiligen 80 % in Minuten erledigt sind.
- 03
Führe und verfeinere
Kritisiere in Sprache – „den Abstand enger, den Leerzustand wärmer". Du behältst das letzte Wort; der Agent macht die Iterationen.
Was ein Designer führen kann
Web Prototype Taste Editorial
Editorial-minimalistischer Web-Prototyp. Warme monochrome Leinwand, Serifenschrift für Überschriften + groteske Schrift für Text, 1px Haarlinien, gedämpfte Pastellfarben, großzügiger Weißraum, subtile Mikroanimationen.
Web Prototype Taste Brutalist
Web-Prototyp im Schweizer Industriedruck-Stil. Zeitungspapier-Canvas, monolithische schwarze Grotesk-Schrift, viewport-übergreifende Ziffern, haardünne Rastereinteilungen, gefahrenrote Akzente, ASCII-Syntax-Dekoration. Abgeleitet von Leonxlnx/taste-skill `brutalist-skill` (Schweizer Industriedruck-Modus).
Mobile Onboarding
Ein mehrbildschirmiger mobiler Onboarding-Ablauf mit drei nebeneinander angeordneten Handy-Frames — Splash, Value-Prop, Sign-in. Mit Statusleiste, Swipe-Punkten und primärem CTA. Verwenden Sie dies für 'Mobile Onboarding', 'iOS Onboarding', 'Phone Signup' oder '移动端引导'.
Wireframe-Skizze
Handgezeichnetes Wireframe mit Karopapier-Hintergrund, Marker-/Bleistiftton, Tabs für Varianten, Haftnotiz-Anmerkungen und skizzierten Diagramm-Platzhaltern. Ideal für Anfragen nach Wireframe, Sketch, Lo-Fi oder Whiteboard-Designs.
Web Prototype Taste Soft
Web-Prototyp in Apple-Qualität mit softem Design. Silber/Creme-Canvas, doppelte Rahmen-Karten, verschachtelte Button-CTAs, großzügige Squircle-Radien, Spring-Motion und Ambient-Mesh. Basierend auf Leonxlnx/taste-skill soft-skill und Abschnitten 4–8.
Bild-Poster
Einzelbild-Generator für Poster, Key Art und redaktionelle Illustrationen. Standardmäßig gpt-image-2, aber anbieterunabhängig – unterstützt Flux, Imagen oder Midjourney über das aktive Upstream-Tooling. Ausgabe als PNG/JPEG-Dateien im Projektordner.
Gestalten mit OpenDesign vs. der manuelle Weg
| Was du brauchst | Mit OpenDesign | Manuelles Design-Tooling |
|---|---|---|
| Ein Designsystem bauen | Eine DESIGN.md, die der Agent überall anwendet | Eine Bibliothek, die du pro Tool von Hand pflegst |
| Varianten & Zustände erzeugen | Systemkonform aus einem Prompt erzeugt | Frames duplizieren und jeden einzeln anpassen |
| Hochauflösende Comps | Als echtes HTML gerendert, kein flaches Mockup | Pixelarbeit, die das Engineering ohnehin neu baut |
| Konsistent bleiben | Ein System, automatisch durchgesetzt | Manuelle Disziplin; driftet mit der Zeit |
| Übergabe | Das Artefakt ist Code – keine Übersetzungslücke | Spec-Dokumente und Redlines |
Hochauflösende, systemkonforme Arbeit, die der Agent aus Anweisungen erzeugt hat. Wähle eine, die deinem Stil nahekommt, und verfeinere sie.
Designer-FAQ
-
01 Ersetzt mich das?
Nein – es ersetzt die Fleißarbeit. Du setzt System und Geschmack; der Agent macht die repetitive Produktion, damit du Zeit für die Entscheidungen hast, die nur du treffen kannst.
-
02 Wie behalte ich die Kontrolle über den Look?
Deine DESIGN.md ist der Vertrag. Der Agent rendert innerhalb davon, und du kritisierst in Sprache, bis es passt.
-
03 Ist das Ergebnis editierbar / echt?
Es ist echtes HTML/CSS, kein flacher Export – es geht direkt in die Produktion, statt neu gebaut zu werden.
-
04 Welche Agenten kann ich nutzen?
Claude Code, Codex, Cursor Agent, Gemini CLI und weitere First-Party-Adapter, mit deinen eigenen Provider-Keys.
Führe heute Abend dein nächstes Design
Gib dem Repo einen Stern, installiere OpenDesign und lass den Agenten die Produktion erledigen, während du den Geschmack bestimmst – in dem Agenten, den du ohnehin nutzt.