Dein Design-Team ist der Agent, den du längst nutzt
Kein Designer, kein Budget, keine Übergabe. Beschreibe, was du brauchst, und dein Agent rendert es – heute Vormittag eine Landingpage, am Nachmittag ein Dashboard, vor dem Launch Social-Cards – alle aus einem Designsystem, das du einmal definiert hast.
In einem Satz
Open Design ist die Designabteilung, die ein Solo-Gründer nie hatte: vom Prompt zum Artefakt über jede Fläche, die dein Produkt braucht, in einer Marke, ohne Übergabe und ohne zusätzliche Tools.
So nutzt ein Solo-Builder Open Design
- 01
Definiere deine Marke einmal
Halte Farben, Typografie und Tonalität in einer DESIGN.md fest (oder forke eines von über 140 Referenzsystemen). Jedes Artefakt, das du danach erzeugst, ist automatisch markenkonform.
- 02
Erzeuge alles, was als Nächstes ansteht
Prototyp, Landingpage, Dashboard, Pitch-Deck, Social-Card – derselbe Agent, dieselbe Marke, jeweils ein Prompt. Kein Toolwechsel, kein Nachkaufen von Lizenzen.
- 03
Liefere es aus – es ist bereits echt
Alles rendert als HTML / Code in deinem Repo, also wird der Prototyp zum Produkt und die Landingpage geht live. Keine Wegwerf-Mockups.
Was ein Solo-Builder ausliefern kann
Prototyp Vollständigen Prompt lesen → SaaS Landing
Einseitige SaaS-Landingpage mit Hero, Features, Social Proof, Preisen und CTA. Berücksichtigt die aktiven DESIGN.md-Token für Farbe/Typografie/Layout. Trigger-Schlüsselwörter: "saas landing", "marketing page", "product landing".
Prototyp Vollständigen Prompt lesen → Web-Prototyp
Allzweck-Desktop-Web-Prototyp. Einzelne eigenständige HTML-Datei durch Kopieren von `assets/template.html` und Einfügen von Layouts aus `references/layouts.md` erstellt. Standard für Landing-, Marketing-, Dokumentations- oder SaaS-Seiten.
Prototyp Vollständigen Prompt lesen → Mobile App
Ein Mobile-App-Bildschirm, der in einem pixelgenauen iPhone 15 Pro-Rahmen auf der Seite gerendert wird. Erstellt durch Kopieren der Seed-Datei assets/template.html und Einfügen eines Bildschirm-Archetyps aus references/layouts.md. Verwenden Sie dies, wenn im Brief nach 'Mobile App', 'iOS App', 'Android App', 'Telefonbildschirm' oder 'App UI' gefragt wird.
Prototyp Vollständigen Prompt lesen → Dashboard
Admin-/Analyse-Dashboard in einer einzelnen HTML-Datei. Feste linke Seitenleiste, obere Leiste mit Benutzer/Suche, Hauptraster mit KPI-Karten und Diagrammen. Verwenden Sie es für 'Dashboard', 'Admin', 'Analytics' oder 'Systemsteuerung'.
Prototyp Vollständigen Prompt lesen → Blog-Beitrag
Langform-Artikel / Blog-Beitrag — mit Masthead, Hero-Bild-Platzhalter, Artikeltext mit Abbildungen und Zitatblöcken, Autorenzeile und verwandten Beiträgen. Verwenden Sie dies bei Anfragen für 'Blog', 'Artikel', 'Beitrag', 'Essay' oder 'Fallstudie'.
Deck Vollständigen Prompt lesen → Open-Slide 1920 Canvas Deck
Gesperrtes 1920x1080 Canvas Deck mit freier Komposition auf React-Komponentenebene, nicht an feste Vorlagen gebunden.
Solo bauen mit Open Design vs. den harten Weg gehen
| Was du brauchst | Mit Open Design | Heute allein gestemmt |
|---|---|---|
| Jede Designfläche abdecken | ●Ein Agent macht Prototyp, Landing, Dashboard, Marke | Fünf SaaS-Tools und Tutorials zusammenflicken |
| Markenkonform bleiben | ●Eine DESIGN.md überall automatisch angewendet | Den Look pro Tool neu bauen, driftet mit der Zeit |
| Im Solo-Tempo arbeiten | ●Von der Idee zum Artefakt in einem Prompt | Ein Design-Tool lernen, für das du keine Zeit hast |
| Liefern statt mocken | ●HTML / Code in deinem Repo, bereit zum Deployen | Ein Mockup, das jemand erst noch bauen muss |
| Kosten | ●Open Source, eigene Keys, läuft lokal | Ein Stapel Abos mit Lizenzgebühr pro Platz |
Jede Fläche, die ein Ein-Personen-Start-up braucht, aus einem Prompt. Wähle eine, die deinem nächsten Schritt nahekommt, und beschreibe sie.
Solo-Builder-FAQ
-
01 Ich bin kein Designer – kann ich das wirklich nutzen?
Ja. Du beschreibst in einfacher Sprache, was du willst; der Agent wendet ein Designsystem an und rendert es. Die Fähigkeit liegt im Schreiben des Prompts, nicht im Verschieben von Pixeln.
-
02 Deckt es alles ab oder nur eine Sache?
Alles, was ein kleines Produkt braucht – Prototypen, Landingpages, Dashboards, Decks, Grafiken – vom selben Agenten und aus derselben Marke.
-
03 Was wird aus den Ergebnissen?
Echtes HTML / Code in deinem Repo, sodass ein Prototyp zum Produkt und eine Landingpage live gehen kann, statt ein Mockup, das du wegwirfst.
-
04 Welche Agenten kann ich nutzen?
Claude Code, Codex, Cursor Agent, Gemini CLI und weitere First-Party-Adapter, mit deinen eigenen Provider-Keys.
Bau heute Abend das Ganze
Gib dem Repo einen Stern, installiere Open Design und lass einen Agenten dein Design-Team sein – in dem Agenten, den du ohnehin nutzt.