Full-StackKI-IntegrationProduktprototyp

Blockradar, ein KI-Sprint-Facilitator, end-to-end gebaut.

Ein selbst entwickelter Produktprototyp: ein zweisprachiges Tool, das Sprint-Blocker in ERP-Einführungsprojekten erfasst, triagiert und priorisiert – mit optionalem zweistufigem KI-Backend auf Cloudflare Workers. Allein konzipiert, gebaut und bereitgestellt, vom Konzept bis zum laufenden System.

Role
Konzept, Design & Entwicklung
Type
Produktprototyp
Domain
Agile / ERP-Projekte

Die Idee

In ERP-Einführungsprojekten (IFS Cloud, Dynamics 365) scheitern Sprints selten am fehlenden Arbeitsvolumen – sie scheitern an Blockern: eine ausstehende Entscheidung, eine wartende Abteilung, eine Abhängigkeit von einem anderen Team. Diese Hindernisse tauchen mündlich im Standup auf, verschwinden und tauchen wieder auf. Blockradar macht sie systematisch: Jeder Blocker wird erfasst, triagiert, priorisiert und auf einem einzigen Radar-Board verfolgt.

Das Projekt verbindet drei Dinge, mit denen ich täglich arbeite: agile Umsetzung (als zertifizierter Scrum Master), die Realität von ERP-Projekten (20+ Jahre IFS) und moderne Full-Stack-Entwicklung mit KI-Integration.

▸ Live-Demo öffnen — Blockradar

Was es tut

Automatische Triage

Jeder Blocker wird bei der Erfassung klassifiziert: Kategorie (Entscheidung / Abhängigkeit / technisch / extern), Auswirkung auf das Sprintziel (hoch / mittel / niedrig, mit automatischer Eskalation alternder Blocker), ein konkreter nächster Schritt und die richtige Rolle zur Eskalation. Jeder Vorschlag ist editierbar – das System schlägt vor, der Facilitator behält das letzte Wort.

Prioritäts-Radar-Board

Blocker werden nach Kritikalität sortiert (Auswirkung × Alter), mit Live-Statistiken, Filtern, einem Status-Workflow (offen / gelöst) und sichtbarer Zuordnung – wer was gemeldet hat und wie lange es schon offen ist.

Zweisprachig von Grund auf

Die gesamte Oberfläche, einschliesslich der Triage-Ausgabe, wechselt per Klick zwischen Deutsch und Englisch – gebaut für DACH-Projektteams.

Läuft überall, kein Server nötig

Das Frontend ist eine einzige eigenständige HTML-Datei: Browser-Persistenz, JSON-Export/Import für Portabilität und eine eingebaute regelbasierte Triage-Engine – die Demo läuft eigenständig, ohne jegliche Infrastruktur.

Optionales zweistufiges KI-Backend

Bei Verbindung mit dem Cloudflare-Worker-Backend übernimmt echte KI die Triage nach einer gestuften Modellstrategie: ein schnelles, günstiges Modell (Haiku) extrahiert und klassifiziert; ein stärkeres Modell (Sonnet) bewertet dann die Auswirkung, formuliert den nächsten Schritt und die Eskalation, in der Sprache des Nutzers. Das Frontend verbessert sich progressiv: zuerst sofortige lokale Triage, Sekunden später die KI-Verfeinerung. Ist das Backend nicht erreichbar, fällt es sauber auf die eingebaute Logik zurück.

Wie ein Blocker trigiert wird

Die Architektur trennt den sofortigen lokalen Pfad vom optionalen KI-Pfad – das Tool bleibt immer reaktionsschnell, und KI fügt zusätzliche Tiefe hinzu, wenn verfügbar. Der API-Schlüssel liegt serverseitig als Cloudflare-Secret und erreicht den Browser nie.

1Blocker entereddescription · raised by · days open 2Instant local triagerule-based · appears on board immediately AI backend configured?optional Cloudflare Worker URL no, keep local result yes, POST /api/triage CLOUDFLARE WORKER · API KEY AS SECRET Stage 1 · Haiku — extract & classify fast, low-cost · category · first impact · summary Stage 2 · Sonnet — deeper analysis impact reasoning · next step · escalation · DE/EN refined result · "AI" badge Prioritized on the radar boardsorted by impact × age · fully editable backend unreachable → clean fallback to the local rule-based triage
Progressive Enhancement: sofortige lokale Triage, optionale zweistufige KI-Verfeinerung.

Bemerkenswerte technische Entscheidungen

  • Gestufte Modellstrategie ein günstiges, schnelles Modell für die Extraktion und ein stärkeres Modell nur für den Bewertungsschritt hält die KI-Kosten pro Blocker minimal, ohne die Ausgabequalität zu opfern.
  • Schlüsselsicherheit durch Architektur der KI-Schlüssel existiert nur als Cloudflare-Secret im Worker; der Browser sieht ihn nie.
  • Progressive Enhancement die Oberfläche wartet nie auf die KI: lokale Triage erscheint sofort, KI-Verfeinerung folgt Sekunden später mit sichtbarem Status.
  • Mensch behält die Kontrolle jeder KI-Vorschlag (Kategorie, Auswirkung, Eskalation) ist editierbar; manuelle Einträge werden nie durch Automatisierung überschrieben.
  • Infrastrukturfreier Demo-Modus eine einzige HTML-Datei mit Browser-Persistenz und JSON-Export/Import bietet das volle Erlebnis ohne jegliches Backend.

Tech-Stack

Cloudflare WorkersAnthropic APIHaiku + Sonnet JavaScriptRESTCORS i18n (DE/EN)localStorageHTML / CSS Wrangler
Was das zeigt

Ein kompletter Produktzyklus, allein umgesetzt: Konzept, UI/UX-Design, ein funktionierendes Frontend, ein bereitgestelltes serverloses KI-Backend mit kostenbewusster zweistufiger Modellstrategie und ehrliches Produkturteil — gebaut als Prototyp, um genau die Kombination zu zeigen, die ich in Kundenprojekte einbringe: ERP-Fachwissen, agile Praxis und moderne Full-Stack-Entwicklung mit KI.

Brauchen Sie ein solches Tool?

Massgeschneiderte Anwendungen mit KI-Integration — vom Konzept bis zum bereitgestellten System.

Projekt starten →