Neu: Agent Teams – ein Team aus KI-Agenten, ein Projekt

Eine Webanwendung zu entwickeln bedeutet, viele verschiedene Bereiche abzudecken: Benutzeroberfläche, Backend, Datenbank, Nutzererlebnis, Sicherheit und – sobald das Produkt bereit ist – Marketing und Go-to-Market-Strategie.

Mit Agent Teams führt Coderblock eine neue Arbeitsweise für all diese Bereiche ein: Sie können direkt im selben Projekt mit KI-Agenten chatten, die auf unterschiedliche Fachgebiete spezialisiert sind.

Statt für jede Aufgabe auf einen einzigen Allzweckassistenten zu setzen, wählen Sie den Spezialisten, der am besten zum jeweiligen Problem passt: Frontend, Backend, UX, Sicherheit oder Marketing. Das Projekt bleibt dabei dasselbe. Auch der gesamte Kontext verbleibt in derselben Umgebung, sodass Sie zwischen verschiedenen Bereichen wechseln können, ohne Ihren Entwicklungsfluss zu unterbrechen.

Der richtige Spezialist für jede Aufgabe

Jeder Teil eines Produkts erfordert andere Fähigkeiten und Prioritäten. Ein Frontend-Agent kann sich auf Layouts, Komponenten und responsives Design konzentrieren. Ein Backend-Agent kümmert sich um Datenbanken, Anwendungslogik und serverseitige Dienste. Ein UX-Agent kann Abläufe und Benutzerfreundlichkeit analysieren, während ein Sicherheitsagent Authentifizierung, Rollen und Berechtigungen übernimmt. Mit Agent Teams können Sie mit Agenten zusammenarbeiten, die auf folgende Bereiche spezialisiert sind:

• Frontend — React-Oberflächen, Tailwind CSS, responsives Design und Interaktionen.
• Backend — Datenbanken, Anwendungslogik, APIs und serverseitige Funktionen.
• UX — Informationsarchitektur, Onboarding, Navigation und Benutzerfreundlichkeit.
• Sicherheit — Authentifizierung, Rollen, Berechtigungen und Row Level Security.
• Marketing — Positionierung, Landingpages, Botschaften und Go-to-Market-Strategie.

Spezialisierung bedeutet nicht, separate Projekte anzulegen oder zwischen verschiedenen Tools zu wechseln. Alle Agenten arbeiten im selben Coderblock-Projekt und tragen zur selben Anwendung bei. Nachdem Sie beispielsweise eine Buchungsplattform erstellt haben, können Sie:

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 Sicherheitsagenten bitten zu prüfen, ob jeder Kunde ausschließlich seine eigenen Buchungen sehen kann.

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

Für Standard-Webanwendungen generiert Coderblock ein Frontend mit React, Vite, TypeScript und Tailwind CSS. Jede Anwendung verwendet ein eigenes Supabase-Projekt mit Postgres, Supabase Auth, Storage, Row Level Security und Deno Edge Functions. Enterprise-Web-Platform-Projekte nutzen Python und FastAPI mit einer Neon-Postgres-Datenbank.

Die Anwendung bleibt über eine Live-Entwicklungsvorschau unter <app>.coderblock.dev verfügbar. Wenn Sie Änderungen anfordern, wird die Vorschau innerhalb weniger Sekunden aktualisiert. So können Sie die Arbeit direkt im laufenden Produkt beurteilen, statt nur isolierte Codeausschnitte zu prüfen.

Dieses gemeinsame Ziel ist entscheidend. Eine Anfrage wie „Teamkonten mit einer Admin-Ansicht hinzufügen“ ist nicht nur eine Aufgabe für die Benutzeroberfläche. Sie kann neue Datenbankbeziehungen, authentifizierte Routen, Zugriffsrichtlinien, rollenbasierte Komponenten und einen Administrationsablauf erfordern. Mit Agent Teams können Nutzer diese Bereiche den jeweils am besten geeigneten Spezialisten überlassen, ohne zu einem herkömmlichen manuellen Programmierprozess wechseln zu müssen.

Ein Team, eine echte Full-Stack-Anwendung

Agent Teams wurde für die Arbeit am echten Produkt entwickelt, nicht für isolierte Codeausschnitte. Für Standard-Webanwendungen generiert Coderblock ein Frontend mit React, Vite, TypeScript und Tailwind CSS sowie ein vollständiges Backend auf Basis eines eigenen Supabase-Projekts mit Postgres, Auth, Storage, Row Level Security und Edge Functions. Dadurch können Agenten an verschiedenen Ebenen der Anwendung arbeiten, während das Projekt ihr gemeinsames Ziel bleibt. Eine Anfrage wie:

„Teamkonten mit einem Admin-Dashboard hinzufügen.“

kann weit mehr als einen neuen Bildschirm erfordern. Dazu können gehören:

• neue Datenbankbeziehungen;
• neue Benutzerrollen;
• Authentifizierung;
• geschützte Routen;
• Zugriffsrichtlinien;
• rollenspezifische Komponenten;
• neue Administrationsabläufe.

Mit Agent Teams können Sie jeden Bereich dem am besten geeigneten Spezialisten überlassen und gleichzeitig an derselben Anwendung weiterarbeiten. Über die Live-Vorschau des Projekts unter <app>.coderblock.dev können Sie das Ergebnis außerdem sofort überprüfen und die Anwendung im Chat weiter optimieren.

Vom ersten Prompt bis zum letzten Feinschliff

Sie können bei null anfangen und Ihre Idee in natürlicher Sprache beschreiben oder mit einer der auf Coderblock verfügbaren Produktvorlagen beginnen. Sobald die erste Version erstellt wurde, spielt Agent Teams seine Stärken besonders in der Optimierungsphase aus. Sie können zum Beispiel Folgendes anfordern:

„Die Navigation auf Mobilgeräten benutzerfreundlicher gestalten.“

„Google-Login hinzufügen.“

„Sicherstellen, dass Nutzer nicht auf Daten anderer Konten zugreifen können.“

„Den Onboarding-Prozess analysieren und die Anzahl der Schritte reduzieren.“

„Ein monatliches Abonnement für 9,99 € hinzufügen.“

„Die Startseite für kleine Beratungsteams überarbeiten.“

Sie müssen nicht jede Anforderung in eine technische Spezifikation übersetzen. Beschreiben Sie einfach, was Sie erreichen möchten, und überlassen Sie dem spezialisierten Agenten die erforderliche Umsetzung.

Mehr Spezialisierung, ohne den Kontext zu verlieren

Einer der wichtigsten Vorteile von Agent Teams besteht darin, Fachgebiete voneinander zu trennen, ohne das Projekt aufzuteilen. In einem herkömmlichen Prozess sind für Design, Frontend-Entwicklung, Backend-Entwicklung, Sicherheit und Marketing oft unterschiedliche Tools, Dokumente und Personen erforderlich.

Mit Agent Teams können Sie all diese Bereiche direkt im Kontext des Produkts bearbeiten, das Sie gerade entwickeln.

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

Vom KI-Team zum echten Produkt

Agent Teams ist in den gesamten Coderblock-Workflow integriert.

Sie können die App erstellen, mit spezialisierten Agenten arbeiten, jede Änderung in der Live-Vorschau prüfen und das Projekt, sobald es bereit ist, mit einem Klick unter <app>.coderblock.app veröffentlichen – inklusive SSL. Sie können außerdem eine eigene Domain verbinden und Coderblock auch nach dem Launch zur Weiterentwicklung des Produkts nutzen.

Die Veröffentlichung ist daher nicht das Ende des Prozesses: Sie können 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 das Chat-first-Modell von Coderblock. Es geht nicht nur darum, eine KI mit der Entwicklung einer App zu beauftragen. Entscheidend ist die Möglichkeit, innerhalb desselben Produkts mit verschiedenen KI-Spezialisten zusammenzuarbeiten und für jede Aufgabe das jeweils hilfreichste Fachwissen auszuwählen.

Ein Projekt. Mehrere Agenten. Ein Workflow. Mit Agent Teams entwickelt Coderblock Vibe Coding konsequent weiter: vom KI-Assistenten zu einem echten KI-Team, das Sie beim Entwickeln, Optimieren und Skalieren Ihres Produkts unterstützt.