KI-AGENT · E-MAIL-TRIAGE

KI-Agent für E-Mail-Triage — transparent und unter menschlicher Kontrolle.

Agent · Tool-Calls-Trace · HITL · DSGVO · Light / Dark

Limber Martinez · limbermartinez.comStand: Juni 2026
ÜBERBLICK

Was diese Fallstudie zeigt

01
Marke & Design-System
Slate & Teal-Familie · Accent Blau
02
Kernfunktion
Agent-Workbench: E-Mail → Ergebnis
03
Differenzierung
Tool-Calls-Trace + Mensch-in-der-Schleife
04
Zustände & Theming
Empty/Processing/Result/Fehler · Light/Dark
05
Responsive & Projektseite
Mobil · /info · Recht
06
Architektur & Ausblick
Vom Design zum Deploy
PostLotse — Fallstudiepostlotse.limbermartinez.com02 / 14
PROBLEM → LÖSUNG

Posteingänge sind laut. Entscheidungen brauchen Kontext.

●Das Problem
  • Heterogene E-Mails: Angebote, Reklamationen, Rechnungen, Termine.
  • Manuelles Sortieren kostet Zeit und ist fehleranfällig.
  • Black-Box-Automation schafft Misstrauen — und versendet ungeprüft.
●PostLotse
  • Ein Agent klassifiziert, extrahiert Felder und schlägt Routing vor.
  • Jeder Tool-Aufruf ist sichtbar (Trace) — nachvollziehbar.
  • Antwort-Entwurf, aber: kein Versand ohne menschliche Freigabe.
PostLotse — Fallstudiepostlotse.limbermartinez.com03 / 14
MARKE — SLATE & TEAL-FAMILIE

Eine Familie,
eigener Akzent.

  • Themed Tokens (Light/Dark) — geteilte Slate-Basis.
  • Accent Blau grenzt PostLotse von PflegeLotse (Teal) ab — ohne Bruch.
  • Akzent-Split: Blau für Text vs. volle Füllung (AA-Kontrast).
  • Schriften: Geist + Geist Mono — technisch, ruhig.
Paper#F7F6F3
Ink#21262E
Blau#1D4ED8
Soft#E4EDFD
Dunkel#1D2530
PostLotse — Fallstudiepostlotse.limbermartinez.com04 / 14
postlotse.limbermartinez.com
AGENT-WORKBENCH · KERNFUNKTION

E-Mail rein, strukturiertes Ergebnis raus

Eine E-Mail wird klassifiziert, Felder extrahiert, ein Routing vorgeschlagen, eine Antwort entworfen.

  • Klassifikation + Konfidenz (Angebot/Reklamation/Rechnung…).
  • Extrahierte Felder: Absender · Frist · Betrag · Dringlichkeit.
  • Routing-Vorschlag mit nachvollziehbarer Begründung.
  • Antwort-Entwurf — editierbar, DE Sie-Form.
PostLotse — Fallstudiepostlotse.limbermartinez.com05 / 14
postlotse.limbermartinez.com
TRANSPARENZ

Tool-Calls-Trace — der Agent zeigt seine ArbeitDIFFERENZIATOR

Jeder Schritt der Pipeline ist sichtbar — die Erklärbarkeit, die der EU-AI-Act verlangt.

  • Tool-Calls-Trace: Tool · Args · Ergebnis · Latenz.
  • Schritte: Klassifizieren → Felder → Tools → Routing → Entwurf.
  • HITL: Bestätigen · Bearbeiten · Verwerfen.
  • Kein Auto-Versand — der Mensch entscheidet.
PostLotse — Fallstudiepostlotse.limbermartinez.com06 / 14
SYSTEM-ZUSTÄNDE

Jeder Zustand ist designt

Kein blinder Happy-Path — Onboarding, Verarbeitung, Ergebnis und Fehler.

Empty / Onboarding
Processing
Result
Fehler
PostLotse — Fallstudiepostlotse.limbermartinez.com07 / 14
postlotse.limbermartinez.com
LIGHT & DARK

Durchgängiges Theming

Beide Modi aus denselben Tokens — überall AA-Kontrast.

  • Dunkle Oberfläche + erhöhte Karten.
  • Blau-Akzent hellt im Dark auf (lesbar).
  • Kein Hardcoding — alles über Tokens.
  • Im Code via prefers-color-scheme.
PostLotse — Fallstudiepostlotse.limbermartinez.com08 / 14
MOBIL · RESPONSIVE

Für unterwegs gebaut

Einspaltig, Tool-Trace als Akkordeon, Touch-optimiert.

  • Mobile-First, kein bloßes Verkleinern.
  • Eingang oben, Ergebnis darunter.
  • Tool-Trace als aufklappbares Akkordeon.
  • HITL-Aktionen gestapelt + sticky.
PostLotse — Fallstudiepostlotse.limbermartinez.com09 / 14
postlotse.limbermartinez.com
EIGENE PROJEKTSEITE

Standalone-App + Portfolio-Link

Läuft eigenständig auf dem VPS — verlinkt zur Fallstudie im Portfolio.

  • Was es ist / Was es NICHT ist (kein Auto-Versand).
  • Wie es funktioniert (Agent) + Transparenz (EU-AI-Act).
  • Eigene Rechtsseiten (Impressum/Datenschutz/Barrierefreiheit).
  • Erwähnung & Link „von Limber Martinez → Portfolio".
PostLotse — Fallstudiepostlotse.limbermartinez.com10 / 14
RECHT & BARRIEREFREIHEIT

Compliant by Design

DSGVO

LLM-Verarbeitung transparent, keine Speicherung der E-Mails.

EU-AI-Act

HITL + Tool-Trace = Erklärbarkeit & menschliche Aufsicht.

BFSG

WCAG 2.1 AA — Kontrast, Fokus, Tastatur, Light+Dark.

TDDDG

Cookie-Banner mit Einwilligung — kein Cookie-Wall.

PostLotse — Fallstudiepostlotse.limbermartinez.com11 / 14
ARCHITEKTUR & USER-FLOW

Vom Posteingang zur freigegebenen Antwort

Informationsarchitektur, Sitemap und der Aufgaben-Flow mit HITL als Entscheidungspunkt.

PostLotse — Fallstudiepostlotse.limbermartinez.com12 / 14
AUSBLICK

Vom Design zum Deploy

  1. Code: FastAPI + HTMX + Jinja2 (pure Python).
  2. Agent: Klassifikation + Tool-Calls + Routing, mit Trace-Logging.
  3. Deploy auf Hostinger-VPS (Docker + Caddy + Subdomain).
  4. Fallstudie im Portfolio mit echten Metriken.
PostLotse — Fallstudiepostlotse.limbermartinez.com13 / 14
DANKE

Vom Konzept zur
laufenden Anwendung.

Design, Architektur & Umsetzung — Junior AI Engineer (Python/Backend, KI).

Limber Martinez · limbermartinez.comZur Fallstudie ↗
PostLotseStand: Juni 2026