OJO: ein KI-Design-Agententeam zusammenstellen und vom Satz zum Prototyp und Code kommen

OJO positioniert sich als Arbeitsplatz für Design-Agententeams. Man bekommt keinen Stift, sondern eine Designabteilung, die man selbst besetzt: Rollen je Aufgabe wählen, über 200 steckbare Skills aktivieren und auf einer Leinwand von der Ideenexploration bis zum interaktiven Prototyp arbeiten, um danach Code oder Figma zu exportieren.

Die meisten KI-Designwerkzeuge lösen ein einzelnes Bild. Echte Designarbeit ist nie ein einzelnes Bild: Briefing klären, Markenrichtung und visuellen Ton festlegen, Oberfläche bauen, Interaktion lösen, an die Entwicklung übergeben. OJO versucht, diese ganze Kette in einen Arbeitsplatz zu holen, und ersetzt das Einzelmodell durch ein Team von Agenten, das man selbst zusammenstellt.

Zwei Mechanismen tragen die Idee. Erstens das Agententeam: unterschiedliche Rollen mit unterschiedlichen Fähigkeiten arbeiten zusammen, Aufgaben werden verteilt wie an Menschen. Zweitens eine Bibliothek mit über 200 steckbaren Skills aus Produktstrategie, UI/UX und visuellem Stil, die nach Bedarf montiert werden. Das Material nennt außerdem eingebaute visuelle Stilgene wie Retro-Futurismus und Cyber-Renaissance, damit Ergebnisse eine wiederverwendbare Ästhetik tragen statt jedes Mal neu zu raten.

Auf der Eingabeseite erzeugen ein Satz, ein Bild oder ein Link direkt einen interaktiven Prototyp. Auf der Ausgabeseite exportiert ein Klick Figma, Code, PPT/PDF/PNG oder einen Freigabelink. Zusätzlich gibt es eine CLI, die sich in Claude Code, Codex und Cursor einfügt, sodass Design in eine bestehende Entwicklungspraxis eintritt statt eine weitere Insel zu öffnen.

Zentrale Funktionen

Agententeam zusammenstellen

Je Aufgabe ein KI-Designteam bilden und Rollen sowie Fähigkeiten zuweisen, damit mehrere Agenten auf ein Ziel hinarbeiten statt eines Modells, das alles entscheidet.

Über 200 steckbare Skills

Mehr als 200 hinzufügbare Skills aus Produktstrategie, UI/UX und visuellem Stil: nur eine visuelle Richtung nehmen oder die ganze Kette montieren.

Abdeckung der gesamten Kette

Markenpositionierung, kreative Divergenz, visuelle Definition, interaktiver Prototyp und Code-Lieferung – beide Enden des Prozesses, nicht nur das Rendern in der Mitte.

Workflow auf einer Leinwand

Exploration, Prototyping und Codegenerierung laufen auf derselben Leinwand, was den Stildrift durch Kontextwechsel zwischen Werkzeugen reduziert.

Multimodale Eingabe

Ein Satz, ein hochgeladenes Bild oder ein eingefügter Link erzeugen jeweils einen funktionierenden interaktiven Prototyp.

Visuelle Gene und Geschmacksgedächtnis

Eingebaute Stilgene geben Ergebnissen eine stabile ästhetische Neigung und behalten Erinnerung, was Projekten mit langfristigem Markenton hilft.

CLI und Einbettung in Entwicklungsflüsse

Ein Kommandozeilenwerkzeug fügt sich in gängige KI-Entwicklungsflüsse wie Claude Code, Codex und Cursor ein und schickt Designartefakte direkt in die Codierung.

Design als Lieferung

Ein-Klick-Export nach Figma, Code, PPT/PDF/PNG und Freigabelinks fasst fertig gestaltet und übergabebereit in einer Aktion zusammen.

So funktioniert es

1. Zuerst Zugang sichern. Die OJO-Seite besuchen und der Warteliste beitreten oder einen Einladungscode eingeben. Der Zugang läuft über eine Beta-Warteschlange, nicht über offene Registrierung.
2. Das Team für die Aufgabe besetzen. Die nötigen Spezialisierungen aus den über 200 Skills wählen. Eine Landingpage und eine Admin-Konsole sollten nicht mit derselben Aufstellung starten.
3. Das Briefing formulieren. Die Idee in einem Satz beschreiben, ein Referenzbild hochladen oder einen Link einfügen. Je konkreter die Eingabe, desto weniger Klärungsrunden folgen.
4. Die Rückfragen annehmen. Der Agent hakt nach und holt implizite Anforderungen heraus, wodurch eine vage Idee zu einer definierten Designstrategie wird. Diesen Durchgang nicht überspringen, er entscheidet über den späteren Nacharbeitsaufwand.
5. Vorabdefinitionen abschließen. Mit den Agenten Markenpositionierung, kreative Divergenz und visuellen Ton festlegen und „sieht gut aus“ in etwas Diskutierbares verwandeln.
6. Den Prototyp generieren. Einen interaktiven Prototyp mit Klick- und Hover-Zuständen auf derselben Leinwand erzeugen, um ihn vorzuführen statt als Screenshot zu zeigen.
7. Diagnostizieren und iterieren. Design-Optimierungs-Skills aufrufen, Oberfläche und Erlebnis runde für runde prüfen und verbessern, dann das benötigte Format exportieren oder über die CLI anbinden.

Für wen es passt

• Startups mit MVP: Gründer ohne Designpersonal nutzen Agententeams für Positionierung, Prototyp und Frontend-Code und validieren das Modell kostengünstig.
• Marketing und Growth: Kampagnen-Briefing eingeben, die Marketing-Agenten aufrufen und eine einsatzbereite Landingpage-Visualisierung erhalten.
• Unabhängige Entwickler: Backend selbst schreiben und die gesamte UI/UX-Kette an OJO geben, vom Wireframe über den Prototyp bis zum exportierten Code.
• Designer: von Ausführung zu Strategie wechseln, Anforderungsanalyse und Ideation von Agenten ausbreiten lassen und die wertvollen Entscheidungen selbst behalten.
• Unternehmens-Marketingteams: visuelle Gene vereinheitlichen und Websites, Kampagnenseiten und Produktoberflächen in Serie erzeugen, mit Konsistenz über Projekte hinweg.

Grenzen und Hinweise

• Der Zugang ist begrenzt. Einstieg über Warteliste oder Einladungscode, einfache Registrierung genügt nicht, und der Zeitpunkt liegt nicht bei Ihnen. Für dringende Projekte eine Alternative bereithalten.
• Preise werden in diesem Material nicht genannt. Nichts hier ist als Preis, Kontingent oder kommerzielle Lizenz zu lesen, und nichts wird abgeleitet; die offizielle Seite prüfen.
• Das Team zusammenzustellen ist selbst eine Fähigkeit. Zweihundert Skills sind Fähigkeit und Auswahlüberlastung zugleich; wie Rollen komponiert werden, prägt das Ergebnis, und wer den Designprozess nicht kennt, stapelt Skills statt ein Team zu bilden.
• Geschmack lässt sich nicht auslagern. Visuelle Gene stabilisieren den Stil, ob eine Richtung richtig ist, hängt aber vom Verständnis für Nutzer und Marke ab. Generierte Ergebnisse brauchen menschliche Auswahl, besonders alles Kundenseitige.
• Code und Dateien brauchen Prüfung. Exportierter Code und Designdateien müssen Konventionen, Responsivität und Barrierefreiheit bestehen, bevor sie als Produktionslieferung gelten.

Häufige Fragen

Worin unterscheidet sich OJO von einem KI-Bildgenerator?

Ein Bildwerkzeug löst ein Einzelbild. OJO deckt Anforderungsklärung, Marken- und Visuendefinition, interaktiven Prototyp und Code-Export ab und macht den Ausführenden zu einem Team, das man zusammenstellt.

Ist die CLI Pflicht?

Nein. Die Leinwand im Browser erledigt Exploration, Prototyping und Export; die CLI ist für die Einbettung in bestehende Entwicklungsflüsse gedacht.

Was lässt sich exportieren?

Das Material nennt Figma, Code, PPT/PDF/PNG und Online-Freigabelinks.

Ist es für Menschen ohne Designhintergrund?

Für eine erste Version und zum Prüfen einer Idee ja, und die Rückfragen des Agenten helfen bei der Klärung. Für öffentlichkeitsreife Ergebnisse sollte jemand mit Designurteil prüfen.

Kann ich es heute nutzen?

Der Zugang erfordert Warteliste oder Einladungscode; das Produkt ist in einer Beta-Phase.