Wir stellen Agent Teams vor: ein Team aus KI-Agenten, ein Projekt

Eine Webanwendung zu entwickeln bedeutet, viele unterschiedliche Bereiche abzudecken: Benutzeroberfläche, Backend, Datenbank, Nutzererlebnis, Sicherheit und – sobald das Produkt bereit ist – auch Marketing und Markteinführung.

Mit Agent Teams führt Coderblock eine neue Arbeitsweise für all diese Bereiche ein: Du kannst direkt innerhalb desselben Projekts mit KI-Agenten kommunizieren, die auf unterschiedliche Fachgebiete spezialisiert sind.

Anstatt dich bei jeder Aufgabe auf einen einzigen Allround-Assistenten zu verlassen, kannst du den Spezialisten auswählen, der am besten zu deinem aktuellen Problem passt: Frontend, Backend, UX, Security oder Marketing. Das Projekt bleibt jedoch dasselbe. Auch der Kontext verbleibt in derselben Umgebung, sodass du zwischen verschiedenen Bereichen wechseln kannst, ohne deinen Entwicklungsfluss zu unterbrechen.

Der richtige Spezialist für jede Aufgabe

Jeder Bereich eines Produkts erfordert andere Kompetenzen und Prioritäten. Ein Frontend-Agent kann sich auf Layouts, Komponenten und Responsive Design konzentrieren. Ein Backend-Agent kann an Datenbanken, Anwendungslogik und serverseitigen Diensten arbeiten. Ein UX-Agent kann Abläufe und Benutzerfreundlichkeit analysieren, während ein Security-Agent sich um Authentifizierung, Rollen und Berechtigungen kümmert. Mit Agent Teams kannst du mit spezialisierten Agenten in folgenden Bereichen arbeiten:

• Frontend — React-Oberflächen, Tailwind CSS, Responsive Design und Interaktionen.
• Backend — Datenbanken, Anwendungslogik, APIs und serverseitige Funktionen.
• UX — Informationsarchitektur, Onboarding, Navigation und Benutzerfreundlichkeit.
• Security — Authentifizierung, Rollen, Berechtigungen und Row Level Security.
• Marketing — Positionierung, Landingpages, Messaging und Markteinführung.

Spezialisierung bedeutet nicht, separate Projekte erstellen oder das Tool wechseln zu müssen. Alle Agenten arbeiten innerhalb desselben Coderblock-Projekts und tragen zur selben Anwendung bei. Nachdem du beispielsweise eine Buchungsplattform erstellt hast, kannst du:

Den UX-Agenten bitten, den Buchungsprozess zu vereinfachen.

Danach:

Den Backend-Agenten bitten, Verfügbarkeiten und Buchungen zur Datenbank hinzuzufügen.

Und schließlich:

Den Security-Agenten bitten zu prüfen, ob jeder Kunde ausschließlich seine eigenen Buchungen sehen kann.

Dasselbe Produkt, mehrere Perspektiven. Ein Team arbeitet gemeinsam an einer einzigen Full-Stack-Anwendung. Spezialisierung ist besonders wertvoll, wenn sie zur Entwicklung eines integrierten Produkts beiträgt. In Coderblock arbeitet Agent Teams im Kontext eines Projekts, das ein echtes Frontend, ein Backend und eine Datenbank umfasst.

Für standardmäßige Webanwendungen generiert Coderblock ein Frontend auf Basis von React, Vite, TypeScript und Tailwind CSS. Jede Anwendung nutzt ein eigenes Supabase-Projekt mit Postgres, Supabase Auth, Storage, Row Level Security und Deno Edge Functions. Enterprise-Web-Platform-Projekte verwenden Python und FastAPI mit einer Neon-Postgres-Datenbank.

Die Anwendung bleibt über eine Live-Entwicklungsvorschau unter <app>.coderblock.dev erreichbar. Wenn du Änderungen anforderst, wird die Vorschau innerhalb weniger Sekunden aktualisiert. So kannst du die Arbeit direkt im laufenden Produkt bewerten, statt lediglich isolierte Codefragmente zu betrachten.

Dieses gemeinsame Ziel ist entscheidend. Eine Anfrage wie „Füge Teamkonten mit einer Administratoransicht hinzu“ betrifft nicht nur die Benutzeroberfläche. Sie kann neue Datenbankbeziehungen, authentifizierte Routen, Zugriffsrichtlinien, rollenbasierte Komponenten und einen Administrationsablauf erfordern. Mit Agent Teams können Nutzer diese Aspekte gemeinsam mit den jeweils passenden Spezialisten bearbeiten, ohne zu einem herkömmlichen Prozess manueller Programmierung wechseln zu müssen.

Ein Team, eine echte Full-Stack-Anwendung

Agent Teams wurde für die Arbeit am tatsächlichen Produkt entwickelt, nicht für isolierte Codefragmente. Für standardmäßige Webanwendungen generiert Coderblock ein Frontend auf Basis von React, Vite, TypeScript und Tailwind CSS sowie ein vollständiges Backend mit einem eigenen Supabase-Projekt, das Postgres, Auth, Storage, Row Level Security und Edge Functions umfasst. Dadurch können die Agenten auf den unterschiedlichen Ebenen der Anwendung arbeiten, während das Projekt ihr gemeinsames Ziel bleibt. Eine Anfrage wie:

„Füge Teamkonten mit einem Admin-Dashboard hinzu.“

kann weit mehr als eine neue Ansicht erfordern. Dazu können gehören:

• neue Beziehungen in der Datenbank;
• neue Benutzerrollen;
• Authentifizierung;
• geschützte Routen;
• Zugriffsrichtlinien;
• rollenspezifische Komponenten;
• neue Administrationsabläufe.

Mit Agent Teams kannst du jeden dieser Aspekte mit dem jeweils passenden Spezialisten bearbeiten und dabei kontinuierlich an derselben Anwendung weiterarbeiten. In der Live-Vorschau des Projekts unter <app>.coderblock.dev kannst du das Ergebnis außerdem sofort überprüfen und die Anwendung über den Chat weiter optimieren.

Vom ersten Prompt bis zum Feinschliff

Du kannst bei null anfangen und deine Idee in natürlicher Sprache beschreiben oder eine der in Coderblock verfügbaren Produktvorlagen verwenden. Sobald die erste Version generiert wurde, ist Agent Teams besonders in der Optimierungsphase hilfreich. Du kannst beispielsweise Folgendes anfordern:

„Vereinfache die Navigation auf Mobilgeräten.“

„Füge die Anmeldung mit Google hinzu.“

„Prüfe, ob Nutzer auf die Daten anderer Konten zugreifen können.“

„Analysiere den Onboarding-Prozess und reduziere die Anzahl der Schritte.“

„Füge ein monatliches Abonnement für 9,99 € hinzu.“

„Überarbeite die Homepage mit Blick auf kleine Beratungsteams.“

Du musst nicht jede Anforderung in eine technische Spezifikation übersetzen. Beschreibe einfach, was du erreichen möchtest, und überlasse die erforderliche Umsetzung dem spezialisierten Agenten.

Mehr Spezialisierung, ohne den Kontext zu verlieren

Einer der wichtigsten Vorteile von Agent Teams besteht darin, Kompetenzen voneinander zu trennen, ohne das Projekt aufzuteilen. In einem herkömmlichen Prozess können Design, Frontend-Entwicklung, Backend, Sicherheit und Marketing unterschiedliche Tools, Dokumente und Personen erfordern.

Mit Agent Teams kannst du diese Bereiche stattdessen direkt im Kontext des Produkts bearbeiten, das du gerade entwickelst.

Ein Gründer kann von der Definition des MVP zur Gestaltung der User Experience und anschließend zu Authentifizierung und Zahlungen wechseln. Eine Agentur kann im selben Projekt eine erste Version für einen Kunden erstellen, das Design optimieren und die Sicherheitsanforderungen überprüfen. Ein Product Manager kann einen neuen Ablauf in der Live-Vorschau testen und die Agenten direkt mit Änderungen beauftragen, ohne jede Entscheidung in technische Spezifikationen für das Entwicklungsteam übersetzen zu müssen.

Vom KI-Team zum echten Produkt

Agent Teams ist in den gesamten Workflow von Coderblock integriert.

Du kannst die App erstellen, mit spezialisierten Agenten arbeiten, jede Änderung in der Live-Vorschau überprüfen und das fertige Projekt mit einem Klick unter <app>.coderblock.app veröffentlichen – SSL inklusive. Außerdem kannst du eine eigene Domain verbinden und Coderblock auch nach dem Launch zur Weiterentwicklung deines Produkts nutzen.

Die Veröffentlichung ist daher nicht das Ende des Prozesses: Du kannst jederzeit zum Projekt zurückkehren, einen anderen Agenten hinzuziehen und die Anwendung im Dialog weiter verbessern.

Eine neue Art, mit KI zu arbeiten

Agent Teams erweitert den Chat-first-Ansatz von Coderblock. Es geht nicht nur darum, eine KI mit der Entwicklung einer App zu beauftragen. Du kannst vielmehr innerhalb desselben Produkts mit verschiedenen KI-Spezialisten zusammenarbeiten und jederzeit die gerade benötigte Kompetenz auswählen.

Ein Projekt. Mehrere Agenten. Ein gemeinsamer Workflow. Mit Agent Teams entwickelt Coderblock Vibe Coding konsequent weiter: vom KI-Assistenten zu einem echten KI-Team, mit dem du dein Produkt entwickeln, optimieren und ausbauen kannst.