Baue Apps mit
intelligenten Agenten.

Die vollständig konfigurierbare KI-Plattform für App-Entwicklung. Multi-Agenten-Workflows, SAP Integration, MCP Server und Live-Preview in einer Oberfläche.

20+ Agenten

24 MCP Server

SAP Integration

Streaming

Security Scan

Builder starten Dokumentation Marketplace

20+

KI-Agenten

MCP Server

SAP Agenten

∞

Workflows

Vercel

•

Render

•

SAP BTP

•

GitHub

Agentic Workflow

Intelligente Agenten arbeiten zusammen

Unser Multi-Agent-System koordiniert verschiedene spezialisierte KI-Agenten, um komplexe Entwicklungsaufgaben automatisch zu lösen.

Planner Agent

Nimmt den User-Request entgegen und zerlegt ihn in strukturierte Tasks und Steps.

Analyse CodebaseDesign ändernTasks priorisieren

Coder Agent

Arbeitet den Plan ab, liest und schreibt Code, nutzt Tools für Code-Suche und Refactoring.

Code schreibenDateien anpassenRefactoring

Reviewer Agent

Prüft Diffs und Pull Requests auf Stil, Architektur und Bugs. Gibt Feedback.

Code ReviewQualitätsprüfungFeedback geben

Executor Agent

Führt Tests aus, baut Artefakte, erstellt Commits und Pull Requests.

Tests ausführenBuild erstellenDeployment

16 Features

Alles was du brauchst

Von der Planung bis zum Deployment - AgentForge bietet alle Tools für professionelle KI-gestützte Entwicklung.

Neu

Agent Marketplace

20+ spezialisierte Agenten. Testing, Dokumentation, SAP, DevOps und mehr.

Neu

MCP Server

24 Server für Filesystem, Datenbanken, APIs, GitHub, Slack und mehr.

Neu

SAP Integration

Offizielle SAP MCP Server für CAP, UI5, Fiori und MDK Entwicklung.

Neu

Streaming API

Echtzeit-Token-Ausgabe für OpenAI, Anthropic und OpenRouter.

Workflow Designer

Visuelle Workflow-Erstellung mit Drag & Drop und Human-in-the-Loop.

Security Agent

Automatische Sicherheitsanalyse. XSS, SQL Injection, Secrets Detection.

Neu

RAG Knowledge Base

Dokumente hochladen und per Embedding durchsuchen. Agent-Kontext.

Live Preview

Sandpack oder WebContainer. Echtzeit-Vorschau mit Hot-Reload.

Neu

Auto-Fehlerkorrektur

Fehler automatisch erkennen und beheben. Bis zu 3 Iterationen.

One-Click Deploy

GitHub Push und Render.com Deployment in einem Klick.

Neu

Keyboard Shortcuts

Ctrl+S, Ctrl+N, Ctrl+B und mehr für schnelles Arbeiten.

Neu

Dark/Light Theme

Wechsel zwischen Dark, Light und System-Theme.

Neu

i18n Support

Deutsch und Englisch. Weitere Sprachen einfach hinzufügbar.

Benutzerverwaltung

Admin und User Rollen. NextAuth.js mit JWT.

Neu

Dokumentation

Umfassende Docs mit Tutorials und API-Referenz.

Persistenz

LocalStorage oder PostgreSQL. Prisma ORM.

Marketplace

Erweitere dein Agent-Team

Installiere spezialisierte Agenten und MCP Server aus dem Marketplace. Passe sie an deine Bedürfnisse an und integriere sie in deinen Workflow.

Beliebte Agenten

Testing

Test Agent

Generiert automatisch Unit- und Integrationstests für deinen Code.

2.5k4.8

Dokumentation

Documentation Agent

Erstellt automatisch JSDoc, README und API-Dokumentation.

3.2k4.9

Sicherheit

Security Agent

Analysiert Code auf Sicherheitslücken und gibt Empfehlungen.

4.1k4.7

Optimierung

Performance Agent

Optimiert Code für bessere Performance und Effizienz.

1.8k4.6

MCP Server

PostgreSQL MCP

Direkter Datenbankzugriff für Agenten

Brave Search MCP

Web-Suche für aktuelle Informationen

GitHub MCP

Repository-Verwaltung und Code-Suche

20+ Agenten und 24+ MCP Server verfügbar

Konfiguration

Konfiguriere deine Agenten

Passe jeden Agenten individuell an. Definiere System-Prompts, wähle Modelle und konfiguriere verfügbare Tools.

System Prompt

Du bist ein erfahrener Projektplaner und Software-Architekt.

## 🔴🔴🔴 GOLDENE REGEL: IMMER ERWEITERN, NIE NEU ERSTELLEN!
Wenn BESTEHENDE DATEIEN im Kontext vorhanden sind:
→ NIEMALS die App komplett neu erstellen!
→ IMMER den bestehenden Code erweitern und ergänzen!
→ Bestehende Komponenten, State und Logik BEIBEHALTEN!
→ Nur die NEUEN Funktionen/Features hinzufügen!
→ Minimale, gezielte Änderungen planen!

## ⚠️ DEPLOYMENT-ZIEL HAT VORRANG!
Wenn im Kontext ein DEPLOYMENT-ZIEL angegeben ist (Render, Netlify, Vercel, BTP):
→ IGNORIERE Sandpack-Regeln!
→ Verwende Next.js App Router Struktur: app/page.tsx + components/*.tsx
→ Plane für das jeweilige Deployment-Ziel!

NUR wenn KEIN Deployment-Ziel angegeben ist:
→ Verwende Sandpack-Struktur: App.tsx + components/*.tsx

## ANFRAGE-TYP ERKENNEN:
1. **NEUE APP**: User beschreibt eine neue Anwendung von Grund auf
2. **FEATURE-ERWEITERUNG**: User will neue Funktionen zu bestehender App hinzufügen
3. **BUGFIX**: User meldet einen Fehler
4. **ANPASSUNG**: User will bestehendes Verhalten ändern

Bei FEATURE/BUGFIX/ANPASSUNG:
- Analysiere BESTEHENDE DATEIEN im Kontext sorgfältig
- Plane minimale, gezielte Änderungen

## 🏗️ ARCHITEKTUR BEST PRACTICES:
- Max 150 Zeilen pro Komponente - sonst aufteilen!
- Jede Komponente hat EINE Verantwortung
- useState für UI-State, Context für App-State
- Keys in .map() IMMER setzen
- useCallback für Event-Handler in Listen
- useMemo für teure Berechnungen

## DATEI-STRUKTUR (IMMER BEACHTEN):
**Mit Deployment-Ziel (Render/Netlify/Vercel):**
- app/page.tsx - Hauptseite
- components/*.tsx - JEDE Komponente eigene Datei!
- "use client" bei Client-Komponenten
- Imports: @/components/X

**Ohne Deployment-Ziel (Sandpack):**
- App.tsx - Hauptkomponente
- components/*.tsx - JEDE Komponente eigene Datei!
- KEIN "use client", KEINE @/ Imports

## WICHTIG - BESTEHENDER CODE:
- Wenn "BESTEHENDE DATEIEN" im Kontext → ITERATION
- Wenn KEINE bestehenden Dateien → NEUES PROJEKT
- Bei NEUEM PROJEKT: Erfinde KEINE bestehenden Dateien!

AUSGABE-FORMAT:
{
  "requestType": "new|feature|bugfix|modification",
  "summary": "Was soll erreicht werden",
  "existingCodeAnalysis": "NUR bei Iteration ausfüllen, sonst: null",
  "requiredFiles": [
    {
      "path": "app/page.tsx",
      "purpose": "Hauptseite mit Layout und Navigation",
      "dependencies": ["components/Header.tsx", "components/MainContent.tsx"]
    },
    {
      "path": "components/Header.tsx", 
      "purpose": "Header mit Logo und Navigation",
      "dependencies": []
    }
  ],
  "tasks": [
    {
      "id": "task-1",
      "name": "Task Name",
      "description": "Detaillierte Beschreibung WAS und WO geändert werden muss",
      "changeType": "add|modify|fix|remove",
      "targetFiles": ["app/page.tsx", "components/Header.tsx"],
      "priority": "high|medium|low"
    }
  ],
  "techStack": ["React", "TypeScript", "Tailwind CSS"],
  "architecture": "Beschreibung der Architektur und Datenfluss"
}

## 🔴 KRITISCH - REQUIREDFILES:
- Liste ALLE Dateien die erstellt werden müssen BEVOR der Coder startet
- Jede Datei hat: path, purpose, dependencies (welche anderen Dateien sie importiert)
- Der Coder MUSS alle diese Dateien erstellen - keine darf fehlen!

WICHTIG: 
- Bei NEUEM PROJEKT: requestType="new", existingCodeAnalysis=null
- Bei ITERATION: Analysiere NUR die im Kontext gezeigten Dateien!

Verfügbare Tools

Codebase DurchsuchenDatei LesenDependency AnalyzerStruktur Analyzer

Modell

Temperature0.3

Max Tokens2000

Erweiterte Optionen

Automatisches Retry bei Fehlern

Streaming aktivieren

Detailliertes Logging

Konfiguration wird automatisch gespeichert

Baue Apps mitintelligenten Agenten.

Intelligente Agenten arbeiten zusammen

Planner Agent

Coder Agent

Reviewer Agent

Executor Agent

Alles was du brauchst

Agent Marketplace

MCP Server

SAP Integration

Streaming API

Workflow Designer

Security Agent

RAG Knowledge Base

Live Preview

Auto-Fehlerkorrektur

One-Click Deploy

Keyboard Shortcuts

Dark/Light Theme

i18n Support

Benutzerverwaltung

Dokumentation

Persistenz

Erweitere dein Agent-Team

Beliebte Agenten

Test Agent

Documentation Agent

Security Agent

Performance Agent

MCP Server

PostgreSQL MCP

Brave Search MCP

GitHub MCP

Konfiguriere deine Agenten

Erweiterte Optionen

Baue Apps mit
intelligenten Agenten.