Zurück

App Builder

App Builder — Vom Angebot zum Produkt

KI-gestützte Produktentwicklung mit Claude Code Integration
Was ist der App Builder?

Der App Builder ist eine Plattform für die strukturierte Entwicklung von PoC-Projekten und KI-Agenten. Er führt Teams (oder einen einzelnen Entwickler) durch 7 Phasen — vom Kundenangebot über die Prozessanalyse bis zur kontinuierlichen Verbesserung. Jede Phase hat einen spezialisierten KI-Agenten, der beim Denken hilft, während Claude Code im Terminal die Implementierung übernimmt.

Die 7 Phasen
T0
Angebot
Offer Agent

Kundenkontext erfassen, Proposal erstellen

T1
Discovery
Process Discovery

Stakeholder mappen, Prozess verstehen, Pain Points

T2
EventStorming
EventStorming Agent

Prozess visualisieren auf dem Board, Bottlenecks finden

T3
Opportunity
PoC Scoper

Agent-Chancen bewerten, PoC scopen

T4
Build
Build Agent

Architektur, Implementierung mit Claude Code

T5
Review
Review Agent

Demo, Hypothesen validieren, Go/No-Go

T6+
Improve
Improve Agent

Feedback analysieren, nachste Iteration planen

Wie Claude Code eingebunden ist
  • MCP Server: Claude Code hat Live-Zugriff auf alle Sprint-Daten
  • Slash Commands: /sprint-status, /build, /review, /next-ticket, /improve
  • Bidirektionaler Sync: Claude Code liest Artifacts und schreibt Tech Decisions zurück
  • Setup: Ein Setup-Script konfiguriert alles automatisch

Browser (App Builder) Terminal (Claude Code) ├─ Workshop Agents ├─ MCP: Live Sprint-Daten ├─ Rich Entity UIs ├─ /build: Architektur planen ├─ EventStorming Board ├─ /next-ticket: Feedback fixen ├─ Evaluation Matrix ├─ Artifacts zurückschreiben └─ Feedback Kanban └─ Timeline Events loggen
Projekt aufsetzen — Schritt für Schritt
1
Admin-Dashboard öffnen

Neues Projekt erstellen

2
Template wählen

"AI Workshop" (Standard) oder "Classic Sprint"

3
Phase starten

Angebots-Phase beginnt mit dem Offer Agent

4
Durch Phasen arbeiten

Jede Phase hat Agenda-Punkte, Leitfragen, und einen spezialisierten Agenten

5
Claude Code einrichten

Admin → Claude Code Tab → Setup-Script herunterladen und im Projekt-Repo ausführen

6
Build-Phase

Claude Code implementiert basierend auf dem PoC Scope. Der Build Agent plant, Claude Code im Terminal setzt um.

7
Review

Demo vorbereiten, Stakeholder-Feedback sammeln, Go/No-Go entscheiden

8
Improve

Feedback analysieren, Quick Wins implementieren mit /next-ticket, neue Iteration starten

Features im Überblick

7 spezialisierte KI-Agenten

EventStorming Board (ReactFlow Canvas)

Stakeholder-Karte

Evaluation Matrix mit Radar-Chart

PoC Scope Editor

Brainstorming mit Claude

MCP Server fur Claude Code

5 Slash Commands

Feedback-Kanban

Offer/PPTX-Export

Timeline & Entscheidungen

Mehrsprachig (DE/EN)