Prozesslandkarte · analog-v1 · Frontend-Migration
Legacy-Frontend-Migration im Agenten-Team
Vom Status-Quo über Grill-Me SPEC und SubAgent-TDD bis zum Meilenstein-Loop
Human Gate
sichert jeden Übergang ab
Hover / Tab auf Elemente für Erläuterungen
Zeiger über ein Element halten, um seine Beschreibung zu lesen
01 · STATUS-QUO DES TECH-STACKS & EVALUATION
IST-STACK (JETZT)
EVALUIERTE OPTIONEN
PRIO AGENT
BEGRÜNDUNG AGENT
HUMAN FEEDBACK
Aurelia
Legacy SPA Framework
Version: v1.x (EOL/Wartung)
• React 19
• Angular (v18+)
• Thymeleaf (SSR)
• Vue.js
React 19
PRIORITÄT 1
Deckt das gesamte Komponenten- und Binding-Modell von Aurelia ab.
Riesiges Ökosystem, modernste Toolchains, langfristiger LTS-Support
und hohe Entwicklerverfügbarkeit für nachhaltige Weiterentwicklung.
→ Minimaler Reibungsverlust bei Template- und State-Portierung.
✓ BEGUTACHTET
Richtung freigegeben —
Übergabe an Arch-Agent.
ÜBERGABE SPEC
02 · SPEZIFIKATIONSSCHLEIFE · GRILL-ME SKILL · HUMAN GATE
ARCH
PRIMUS ARCH
Leitet Spezifikation
GRILL-ME SKILL
• Q1: Routing [A] TanStack [B] ReactRouter
• Q2: State [A] Zustand [B] Redux [C] Context
• Q3: CSS [A] Tailwind [B] CSS Modules
Multiple-Choice Interview
Alle Eckpfeiler geklärt
SPEC
docs/SPEC.md
inkl. Meilensteine M1..M_X
HUMAN REVIEW
Prüfung & Freigabe
⚠ GUARD-RAIL: KEINE UNGESEHENE SPEC!
Niemals unbegutachtet in den IMPL-Flow geben.
ABGESTIMMTE SPEC
03 · IMPL-ABLEITUNG · SUPERPOWERS (SA-TDD / DDD) · CONTEXT7
ARCH
PRIMUS ARCH
Zerschneidet in M_X
SUPERPOWERS SKILL
• SA-TDD: Tests vor Code
• SA-DDD: Domain-Modellierung
SubAgent TDD/DDD
CONTEXT7 MCP SERVER
API-Dokumentation & Quirks
vorab bereitstellen.
→ Schützt vor Token-Burn!
Tooling & API-Context
M1: Shell & Auth (Aktiv)
M2: Navigation & Routing
M3: Business-Views & Forms
Meilensteine (IMPL)
SPAWN SUBAGENT M_X
04 · SUBAGENT WORKER · SELF-HEALING (FIXER) · PLAYWRIGHT · ARCH REVIEW
main · geschützt
feature/M1 · dedizierter Branch
W1
WORKER SUBAGENT
TDD & Implementation
PLAYWRIGHT
• Screenshots
• DOM Snapshot
Visuelle Verifikation
FIXER
FIXER-SUBAGENT
Root Cause & Repair
ARCH REVIEW
✓ Tests grün
✓ Diff konsistent
✓ Screens vorliegend
Vorabnahme M_X
ÜBERGABE HUMAN
05 · HUMAN GATE · LAGEBILD · ITERATION (M_X_Y) · MERGE NACH MAIN
MENSCH PRÜFT LAGEBILD
• Option A: Screenshots im Worktree
• Option B: Laufender DEV_Server
• Option C: Branch selbst starten
MENSCHLICHES FEEDBACK
?
ABNAHME-GATE
RÜCKFLUSS M_X_Y
Feedback einarbeiten
ALLES OK ✓
MERGE & MAIN RELEASE
• git checkout main
• git merge --squash feature/M1
• git tag M1-abgenommen & deploy
Meilenstein verewigt
M_NEXT VORBEREITEN
06 · HANDOVER · M_NEXT.MD · FRISCHE SESSION FÜR M_2
M_NEXT
docs/M_NEXT.md
Kompakte Übergabenotizen
NEU
FRISCHE SESSION
100% frisches Token-Budget
M1: Abgenommen & Merged ✓
M2: Navigation & Routing (JETZT)
M3: Business-Views & Forms
Nächster Meilenstein
Loop startet automatisch
MIGRATIONS-LOOP
M_1 → M_2 → M_3
LEGENDE · ANALOG-V1:
KI-Agent (Petrol)
Fixer / Risiko (Rost-Dunkel)
Vorwärtsfluss (aktiv)
Rückfluss / Loop (gestrichelt)
Human Gate (Prüfpflicht)