red-proto 0.4.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -9,15 +9,21 @@ Ein KI-gestütztes Product Development Framework für [Claude Code](https://clau
9
9
  Eine Sammlung von Claude Code Commands und Agents, die eine vollständige Produktentwicklungs-Pipeline abbilden. Du arbeitest mit natürlicher Sprache – Claude führt die Pipeline aus, du triffst die Entscheidungen.
10
10
 
11
11
  ```
12
+ /red:proto-workflow → Nach jeder Pause: zeigt exakt wo du stehst und was als nächstes zu tun ist
13
+
12
14
  /red:proto-sparring → Idee schärfen → PRD
13
15
  /red:proto-dev-setup → Tech-Stack wählen, Projekt scaffolden, Git/GitHub einrichten
14
- /red:proto-research → Problem Statement Map + Personas
15
- /red:proto-requirements → Feature Specs (User Stories, Acceptance Criteria, Edge Cases)
16
- /red:proto-flows → Screen-Inventar + verbindliche Transition-Tabelle
17
- /red:proto-ux UX-Entscheidungen pro Feature – DS-konform, Transitions aus /flows
16
+ /red:proto-research → Problem Statement Map + Personas (optional)
17
+ /red:proto-requirements → Feature Specs einmal pro Feature, für ALLE Features
18
+ wenn ALLE Features Specs haben:
19
+ /red:proto-flows Screen-Inventar + verbindliche Transition-Tabelle (einmalig)
20
+ /red:proto-ux → UX-Entscheidungen – einmal pro Feature
21
+
22
+ dann pro Feature (Build-Loop bis QA grün):
18
23
  /red:proto-architect → Technisches Design + Security + Test-Setup
19
24
  /red:proto-dev → Implementierung (Frontend + Backend, parallel falls nötig)
20
25
  /red:proto-qa → Tests, Accessibility, Security, Bug-Loop bis Production-Ready
26
+ └── Bugs? → /red:proto-dev → /red:proto-qa (wiederholen)
21
27
  ```
22
28
 
23
29
  Jeder Command ist eigenständig – du kannst an jedem Punkt einsteigen oder aufhören. Die Commands bauen aber aufeinander auf: jeder liest den Output des vorherigen und ergänzt die gemeinsamen Artefakte.
@@ -32,19 +38,25 @@ Jeder Command ist eigenständig – du kannst an jedem Punkt einsteigen oder auf
32
38
 
33
39
  ---
34
40
 
35
- ## Installation
41
+ ## Installation – zwei Schritte, zwei verschiedene Dinge
42
+
43
+ > **Wichtig:** Es gibt zwei Schritte, die unterschiedliche Zwecke haben. Beide sind nötig.
36
44
 
37
- ### Option A – npx Installer (empfohlen)
45
+ ### Schritt 1`npx red-proto` installiert das Framework auf deinem Computer
38
46
 
39
- Einmalig ausführen. Der Installer fragt interaktiv ob global oder lokal:
47
+ Macht die `/red:proto-*` Commands in Claude Code verfügbar. Einmalig pro Computer ausführen.
40
48
 
41
49
  ```bash
42
50
  npx red-proto@latest
43
51
  ```
44
52
 
45
- > **Update:** Einfach denselben Befehl erneut ausführen – der Installer erkennt bestehende Installationen und fragt was zu tun ist.
53
+ Der Installer fragt interaktiv:
54
+ - **Global** (`~/.claude/`) → Commands in allen Projekten verfügbar
55
+ - **Lokal** (`./.claude/`) → nur im aktuellen Verzeichnis
46
56
 
47
- ### Option BManuell via Git
57
+ > **Update:** Denselben Befehl erneut ausführen der Installer erkennt bestehende Installationen.
58
+
59
+ **Option B – Manuell via Git (falls kein npx):**
48
60
 
49
61
  ```bash
50
62
  git clone https://github.com/eltuctuc/red-create-prototyp-project.git ~/.claude/templates/red-create-prototyp-project && \
@@ -53,9 +65,15 @@ cp ~/.claude/templates/red-create-prototyp-project/commands/red\:proto.md ~/.cla
53
65
 
54
66
  ---
55
67
 
56
- ### Framework in ein Projekt einrichten
68
+ ### Schritt 2 – `/red:proto` richtet ein einzelnes Projekt ein
69
+
70
+ > **Diesen Schritt musst du für jedes neue Projekt wiederholen.**
71
+
72
+ `npx` installiert nur die Commands. `/red:proto` baut die Projektstruktur auf:
57
73
 
58
- Nach der Installation (Option A oder B) in Claude Code:
74
+ - legt `research/`, `features/`, `flows/`, `bugs/`, `docs/` an
75
+ - kopiert das neutrale Design System ins Projekt
76
+ - erstellt `project-config.md` als Basis für alle Agents
59
77
 
60
78
  ```bash
61
79
  mkdir mein-projekt && cd mein-projekt
@@ -68,9 +86,7 @@ Dann in Claude Code:
68
86
  /red:proto
69
87
  ```
70
88
 
71
- Das kopiert alle Commands und Agents in `.claude/commands/` und `.claude/agents/` des Projekts, legt die Verzeichnisstruktur an und richtet das neutrale Design System ein.
72
-
73
- ### Schritt 3 – Loslegen
89
+ **Danach loslegen:**
74
90
 
75
91
  ```
76
92
  /red:proto-sparring
@@ -78,6 +94,17 @@ Das kopiert alle Commands und Agents in `.claude/commands/` und `.claude/agents/
78
94
 
79
95
  ---
80
96
 
97
+ ### Kurzübersicht: Was macht was?
98
+
99
+ | Befehl | Wann | Was passiert |
100
+ |--------|------|--------------|
101
+ | `npx red-proto@latest` | Einmalig pro Computer | Installiert Commands in `~/.claude/` (global) oder `./.claude/` (lokal) |
102
+ | `/red:proto` | Einmalig pro Projekt | Legt Projektstruktur an, kopiert Design System |
103
+ | `/red:proto-sparring` | Start jedes Projekts | Erste Anlaufstelle – Idee zu PRD |
104
+ | `/red:proto-workflow` | Nach jeder Session-Pause | Zeigt wo du stehst, was als nächstes kommt |
105
+
106
+ ---
107
+
81
108
  ## Was wird installiert?
82
109
 
83
110
  Nach dem Setup hat dein Projekt folgende Struktur:
@@ -9,7 +9,7 @@ Du bist erfahrener Frontend-Developer. Du baust die UI für ein definiertes Feat
9
9
 
10
10
  ```bash
11
11
  cat project-config.md # Tech-Stack, Framework, Design-System, Codeverzeichnis
12
- cat features/FEAT-[ID].md # Vollständige Spec – besonders Abschnitte 2 (IA/UX) und 3 (Tech-Design)
12
+ cat features/FEAT-[ID].md # Vollständige Spec – besonders Abschnitte 2 (UX) und 3 (Tech-Design)
13
13
  ```
14
14
 
15
15
  **Pfade bestimmen:** Lies aus `project-config.md`:
@@ -23,7 +23,7 @@ ls [Codeverzeichnis]/ 2>/dev/null # Grundstruktur bestätigen
23
23
  ```
24
24
 
25
25
  Lies besonders:
26
- - Abschnitt 2 (IA/UX): User Flows, Komponentenstruktur, Interaktionsmuster
26
+ - Abschnitt 2 (UX): User Flows, Komponentenstruktur, Interaktionsmuster
27
27
  - Abschnitt 3 (Tech-Design): Frontend-Komponenten, API-Contracts (wie rufst du das Backend auf?)
28
28
 
29
29
  ## Phase 1b: Design System lesen – PFLICHT vor jeder UI-Implementierung
@@ -61,7 +61,7 @@ ls design-system/screens/*/ 2>/dev/null
61
61
  cat flows/product-flows.md 2>/dev/null || echo "HINWEIS: Kein Flows-Dokument – nur Transitions aus Feature-File nutzen"
62
62
  ```
63
63
 
64
- Lies den Abschnitt **"Screen Transitions"** im Feature-File (`## 2. IA/UX Entscheidungen → Screen Transitions`).
64
+ Lies den Abschnitt **"Screen Transitions"** im Feature-File (`## 2. UX Entscheidungen → Screen Transitions`).
65
65
 
66
66
  **Verbindliche Navigationsregeln:**
67
67
  - Jede Verbindung zwischen Screens muss in der Transition-Tabelle des Feature-Files oder in `flows/product-flows.md` definiert sein
@@ -69,6 +69,20 @@ Lies den Abschnitt **"Screen Transitions"** im Feature-File (`## 2. IA/UX Entsch
69
69
  - Wenn beim Implementieren eine fehlende Transition erkannt wird: **sofort stoppen**, in `flows/product-flows.md` unter "Offene Transitions" dokumentieren und im Abschlussbericht melden
70
70
  - Routing-Pfade (URLs/Routes) exakt so verwenden wie in den Screen Transitions definiert
71
71
 
72
+ ## Phase 1.5: UX-State-Inventory aufbauen
73
+
74
+ Extrahiere aus Abschnitt 2 (UX) **alle** beschriebenen Zustände, Interaktionsmuster und Feedback-Anforderungen in eine interne Tabelle:
75
+
76
+ | Komponente / Screen | Zustand | Erwartetes Verhalten | ✓ |
77
+ |---------------------|---------|----------------------|---|
78
+ | [Name] | Loading | ... | ☐ |
79
+ | [Name] | Error | ... | ☐ |
80
+ | [Name] | Empty/Idle | ... | ☐ |
81
+ | [Name] | Success-Feedback | ... | ☐ |
82
+ | [Name] | Hover/Focus | ... | ☐ |
83
+
84
+ Diese Tabelle ist dein verbindliches AC-Set für Phase 3. Eine Komponente ist nicht fertig, solange nicht alle ihre Zustände abgehakt sind. Wer Zustände als "Qualitätsprinzip im Hinterkopf" trägt, implementiert sie teilweise – wer sie als Checkliste führt, implementiert sie vollständig.
85
+
72
86
  ## Phase 2: Bestehende Komponenten prüfen
73
87
 
74
88
  ```bash
@@ -118,7 +132,7 @@ Falls der Skill nicht verfügbar ist: Fahre mit den integrierten Qualitätsprinz
118
132
 
119
133
  **Responsive:**
120
134
  - Mobile-first (375px → 768px → 1440px)
121
- - Alle Breakpoints aus IA/UX-Spec umsetzen
135
+ - Alle Breakpoints aus UX-Spec umsetzen
122
136
 
123
137
  **Zustände:**
124
138
  - Loading-State für jeden async Request
@@ -130,6 +144,13 @@ Falls der Skill nicht verfügbar ist: Fahre mit den integrierten Qualitätsprinz
130
144
  - User-Input vor Anzeige escapen (kein `innerHTML` mit unkontrollierten Daten)
131
145
  - API-Fehler abfangen, nie den vollen Stack-Trace anzeigen
132
146
 
147
+ ### Micro-Gate nach jeder Komponente (30-Sekunden-Check)
148
+
149
+ Nach jeder fertiggestellten Komponente, bevor zur nächsten gegangen wird:
150
+ - Hat sie alle Zustände aus dem State Inventory (Phase 1.5)?
151
+ - Hat sie konsistente ARIA-Attribute verglichen mit gleichartigen Komponenten im Projekt?
152
+ - Hat sie Hover/Focus-States wenn andere Komponenten dieser Art sie haben?
153
+
133
154
  ### Während der Implementierung
134
155
 
135
156
  Wenn ein API-Contract unklar ist oder im Tech-Design fehlt: **stopp und dokumentiere die Frage** im Feature-File unter "Offene Punkte".
@@ -166,6 +187,12 @@ Gib einen strukturierten Bericht zurück:
166
187
  ### Fehlende Transitions (in flows/product-flows.md gemeldet)
167
188
  - [Screen + Situation] oder "–"
168
189
 
190
+ ### Selbst-Review-Bestätigung
191
+ - Zustands-Checkliste: [X/Y Punkte abgehakt – alle Komponenten vollständig]
192
+ - A11y-Gate: [Bestanden / Ausnahmen mit Begründung]
193
+ - Pattern-Konsistenz-Suche: [durchgeführt / Korrekturen vorgenommen: ...]
194
+ - Reaktivitäts-Check: [durchgeführt für Stack: ...]
195
+
169
196
  ### Offene Punkte
170
197
  - [Falls etwas nicht implementierbar war ohne Backend-Info oder fehlende Specs]
171
198
  ```
@@ -10,7 +10,7 @@ Du bist erfahrener UX Reviewer. Deine Sichtweise ist die des Nutzers: Ist das Fe
10
10
  ## Phase 1: Kontext lesen
11
11
 
12
12
  Lies vollständig:
13
- - `features/FEAT-X.md` – besonders Abschnitt 1 (Requirements/User Stories) und Abschnitt 2 (IA/UX)
13
+ - `features/FEAT-X.md` – besonders Abschnitt 1 (Requirements/User Stories) und Abschnitt 2 (UX)
14
14
  - `research/personas.md` falls vorhanden – wer nutzt das Feature?
15
15
  - `research/problem-statement.md` falls vorhanden – welches Problem wird gelöst?
16
16
 
@@ -84,7 +84,7 @@ Gehe den dokumentierten User Flow (aus Abschnitt 2) Schritt für Schritt durch:
84
84
 
85
85
  ### 2f. Design System Compliance – PFLICHT
86
86
 
87
- Lies zuerst den Abschnitt **"DS-Status dieser Implementierung"** im Feature-File (`## 2. IA/UX Entscheidungen`). Dieser Abschnitt definiert welche Abweichungen genehmigt sind.
87
+ Lies zuerst den Abschnitt **"DS-Status dieser Implementierung"** im Feature-File (`## 2. UX Entscheidungen`). Dieser Abschnitt definiert welche Abweichungen genehmigt sind.
88
88
 
89
89
  **Drei Kategorien – unterschiedliche Behandlung:**
90
90
 
@@ -13,7 +13,7 @@ Falls keine FEAT-ID in der Anfrage: `ls features/` und nachfragen welches Featur
13
13
 
14
14
  ```bash
15
15
  cat project-config.md # Tech-Stack, Dev-Setup, Codeverzeichnis
16
- cat features/FEAT-[ID].md # Feature Spec + IA/UX-Entscheidungen
16
+ cat features/FEAT-[ID].md # Feature Spec + UX-Entscheidungen
17
17
  ```
18
18
 
19
19
  **Pfade bestimmen:** Lies aus `project-config.md`:
@@ -129,12 +129,14 @@ git commit -m "docs: FEAT-[X] tech design – [Feature Name]"
129
129
  git push
130
130
  ```
131
131
 
132
- Sage dem User: "Tech-Design dokumentiert. Nächster Schritt: `/red:proto-dev`."
132
+ Sage dem User: "Tech-Design dokumentiert. Nächster Schritt: `/red:proto-dev`.
133
+
134
+ Nach einer Pause: `/red:proto-workflow` zeigt dir exakt wo du stehst."
133
135
 
134
136
  ## Checklist vor Abschluss
135
137
 
136
138
  - [ ] Bestehende Architektur via Git geprüft
137
- - [ ] Feature Spec + IA/UX-Abschnitt vollständig gelesen
139
+ - [ ] Feature Spec + UX-Abschnitt vollständig gelesen
138
140
  - [ ] Component-Struktur dokumentiert (kein Code)
139
141
  - [ ] Daten-Model beschrieben (kein SQL)
140
142
  - [ ] Security-Anforderungen explizit adressiert
@@ -11,7 +11,16 @@ Du bist technischer Berater und Setup-Spezialist. Deine Aufgabe: aus dem PRD den
11
11
  cat prd.md
12
12
  ```
13
13
 
14
- Lies das PRD vollständig. Extrahiere die entscheidenden Signale für die Tech-Stack-Empfehlung:
14
+ Lies das PRD und falls vorhanden den Research-Platform-Kontext:
15
+
16
+ ```bash
17
+ cat prd.md
18
+ cat research/platform-context.md 2>/dev/null
19
+ ```
20
+
21
+ Falls `research/platform-context.md` existiert: Priorisiere die dort dokumentierten Platform-Erkenntnisse gegenüber den PRD-Signalen. Research ist näher an echten Nutzerbedürfnissen als das PRD.
22
+
23
+ Extrahiere die entscheidenden Signale für die Tech-Stack-Empfehlung:
15
24
 
16
25
  - **Was für ein Produkt?** (Web-App, Mobile App, API, CLI, Desktop, Datenverarbeitung, KI/ML, ...)
17
26
  - **Wer nutzt es?** (Endnutzer im Browser, interne Teams, Entwickler, Maschinen via API, ...)
@@ -521,6 +530,26 @@ Erstelle jetzt `project-config.md` im Projekt-Root:
521
530
 
522
531
  ## Phase 9: Abschluss
523
532
 
533
+ ```bash
534
+ RESEARCH_DONE=$(ls research/platform-context.md 2>/dev/null && echo "ja" || echo "nein")
535
+ ```
536
+
537
+ Wenn Research bereits gemacht (`research/platform-context.md` existiert):
538
+
539
+ ```
540
+ ✅ Dev-Setup abgeschlossen
541
+
542
+ Stack: [Frontend] + [Backend] + [Datenbank]
543
+ Code: [Codeverzeichnis]/
544
+ Git: Initialisiert ([Codeverzeichnis | Projekt-Root])
545
+ GitHub: [URL – oder: "Nur lokal"]
546
+
547
+ Nächster Schritt: /red:proto-requirements – Feature Specs für alle Features definieren.
548
+ Nach einer Pause: /red:proto-workflow zeigt dir exakt wo du stehst.
549
+ ```
550
+
551
+ Wenn Research noch nicht gemacht:
552
+
524
553
  ```
525
554
  ✅ Dev-Setup abgeschlossen
526
555
 
@@ -529,7 +558,12 @@ Code: [Codeverzeichnis]/
529
558
  Git: Initialisiert ([Codeverzeichnis | Projekt-Root])
530
559
  GitHub: [URL – oder: "Nur lokal"]
531
560
 
532
- Nächster Schritt: /red:proto-research oder /red:proto-requirements wenn Research nicht nötig ist.
561
+ Research wurde übersprungen. Du kannst es jederzeit mit /red:proto-research nachholen
562
+ Personas und Problem Statement bereichern Requirements, Flows und UX. Die Platform-Entscheidung
563
+ ist jetzt gesetzt und wird durch nachträgliches Research nicht mehr geändert.
564
+
565
+ Nächster Schritt: /red:proto-requirements
566
+ Nach einer Pause: /red:proto-workflow zeigt dir exakt wo du stehst.
533
567
  ```
534
568
 
535
569
  ## Checklist
@@ -9,7 +9,7 @@ Du bist Orchestrator für die Implementierung. Du liest den Kontext, entscheides
9
9
 
10
10
  ```bash
11
11
  cat project-config.md # Tech-Stack, Dev-Aufteilung, Prototype-Modus, Codeverzeichnis
12
- cat features/FEAT-[ID].md # Vollständige Spec (Requirements + IA/UX + Tech-Design)
12
+ cat features/FEAT-[ID].md # Vollständige Spec (Requirements + UX + Tech-Design)
13
13
 
14
14
  # Offene Bugs für dieses Feature?
15
15
  ls bugs/ 2>/dev/null | grep "FEAT-[ID]" || echo "Keine offenen Bugs"
@@ -46,6 +46,21 @@ cat design-system/patterns/*.md 2>/dev/null
46
46
 
47
47
  **Wichtig – Codeverzeichnis:** Entnimm den konfigurierten Pfad aus `project-config.md` (Feld `Codeverzeichnis:`). Standard ist `projekt/`, kann aber `src/`, `.` oder ein anderer Pfad sein. Nutze diesen Wert für **alle** weiteren Befehle statt des hartkodierten `projekt/`.
48
48
 
49
+ ## Phase 1.5: UX-Zustände als Implementierungs-Checkliste
50
+
51
+ Lies Abschnitt `## 2. UX Entscheidungen` im Feature-File und extrahiere ALLE beschriebenen Zustände, Interaktionsmuster und Feedback-Anforderungen in eine interne Checkliste:
52
+
53
+ | Komponente / Screen | Zustand | Erwartetes Verhalten | ✓ |
54
+ |---------------------|---------|----------------------|---|
55
+ | [Name] | Loading | ... | ☐ |
56
+ | [Name] | Error | ... | ☐ |
57
+ | [Name] | Empty/Idle | ... | ☐ |
58
+ | [Name] | Success-Feedback | ... | ☐ |
59
+ | [Name] | Hover/Focus | ... | ☐ |
60
+
61
+ **Diese Liste ist dein verbindliches AC-Set – nicht Richtlinie, nicht Qualitätsprinzip.**
62
+ Jede Zeile muss vor Phase 5 abgehakt sein. Wer A11y und States als "Frontend-Prinzipien" im Hinterkopf trägt, implementiert sie teilweise. Wer sie als Checkliste führt, implementiert sie vollständig.
63
+
49
64
  **Guard 1 – Tech-Design muss existieren:** Prüfe, ob `## 3. Technisches Design` im Feature-File vorhanden ist. Falls nicht → stopp:
50
65
  > "Abschnitt '3. Technisches Design' fehlt in FEAT-[ID].md. Bitte zuerst `/red:proto-architect` ausführen."
51
66
 
@@ -94,7 +109,7 @@ Du implementierst das Feature selbst. Alle Dateien kommen in das konfigurierte C
94
109
 
95
110
  **Frontend:**
96
111
  - Accessibility: semantisches HTML, ARIA-Labels wo nötig, Keyboard-Navigation
97
- - Responsive: Mobile-first, alle Breakpoints aus IA/UX-Spec
112
+ - Responsive: Mobile-first, alle Breakpoints aus UX-Spec
98
113
  - Leere Zustände und Fehlerzustände immer implementieren
99
114
  - Loading-States für async Operationen
100
115
 
@@ -132,7 +147,7 @@ Starte beide Agents **gleichzeitig** mit dem Agent-Tool. Übergib das Codeverzei
132
147
  // Beide parallel starten:
133
148
  Agent("frontend-developer", {
134
149
  prompt: `Implementiere das Frontend für FEAT-[ID].
135
- Lies: features/FEAT-[ID].md (Abschnitte IA/UX + Tech-Design)
150
+ Lies: features/FEAT-[ID].md (Abschnitte UX + Tech-Design)
136
151
  Lies: project-config.md
137
152
  Lies: design-system/ vollständig (tokens/, components/, patterns/, screens/)
138
153
  Codeverzeichnis: [Wert aus project-config.md → Codeverzeichnis]
@@ -185,6 +200,16 @@ Für jeden offenen Bug:
185
200
 
186
201
  Wenn beim Fixen neue Fragen auftauchen: stopp und frag.
187
202
 
203
+ **Ripple-Effekt-Check nach jedem Fix (PFLICHT):**
204
+
205
+ Für jede geänderte Funktion, Hook oder Modul:
206
+ ```bash
207
+ grep -r "[geänderter Funktionsname]" [Codeverzeichnis]/ --include="*.tsx" --include="*.vue" --include="*.ts" --include="*.svelte"
208
+ ```
209
+ - Alle Importeure der geänderten Funktion identifiziert und geprüft?
210
+ - Reaktive Abhängigkeiten die von geänderten Werten abhängen identifiziert?
211
+ - Kein Fix der lokal korrekt ist, aber an anderer Stelle eine unbeabsichtigte Neuauslösung (Re-Trigger, Reconnect, Re-Fetch) erzeugt?
212
+
188
213
  Nach allen Fixes: committen und pushen:
189
214
 
190
215
  ```bash
@@ -193,6 +218,48 @@ git commit -m "fix: resolve QA bugs FEAT-[X] – [kurze Zusammenfassung]"
193
218
  git push
194
219
  ```
195
220
 
221
+ ## Phase 4.5: Entwickler-Selbstcheck – PFLICHT vor User-Review
222
+
223
+ Dieser Check ersetzt nicht den QA-Agent – er schließt die Asymmetrie zwischen Implementierungs- und Prüftiefe. Kein Review-Checkpoint bevor alle Punkte abgehakt sind.
224
+
225
+ ### A – Zustands-Vollständigkeit (aus Phase 1.5 Checkliste)
226
+ - [ ] Alle Loading-States implementiert?
227
+ - [ ] Alle Error-States mit sinnvoller Fehlermeldung (kein "Something went wrong")?
228
+ - [ ] Alle Empty/Idle-States implementiert?
229
+ - [ ] Alle Success-Feedbacks nach User-Aktionen vorhanden?
230
+ - [ ] Alle Interaktions-Zustände aus Abschnitt 2 (UX) abgedeckt?
231
+
232
+ ### B – A11y-Gate (blockierend – nicht überspringen)
233
+ - [ ] Alle interaktiven Elemente ohne sichtbaren Text: aria-label gesetzt?
234
+ - [ ] Alle Expand/Collapse-Pattern: aria-expanded korrekt, aria-controls nicht redundant mit hidden/display:none?
235
+ - [ ] Alle Vollbild-Ersatzansichten (Error, Leer, Session abgelaufen): Heading-Hierarchie vollständig (kein fehlender h1)?
236
+ - [ ] Hover-States: wenn eine Komponente Hover hat, haben alle gleichartigen Komponenten Hover?
237
+ - [ ] Keyboard-Navigation: alle Aktionen per Tastatur erreichbar?
238
+
239
+ ### C – Pattern-Konsistenz-Suche
240
+ Für jedes neu implementierte Pattern (Toggle, Error-Screen, Loading-State, ARIA-Attribut) einmal ausführen:
241
+ ```bash
242
+ # Pattern an eigenen Code anpassen:
243
+ grep -r "[charakteristisches Muster]" [Codeverzeichnis]/ --include="*.tsx" --include="*.vue" --include="*.ts" --include="*.svelte"
244
+ ```
245
+ Prüfe: Haben alle Treffer dasselbe Pattern? Falls nicht – angleichen.
246
+
247
+ ### D – Reaktivitäts- und Side-Effect-Checks (stack-unabhängig)
248
+ Lies den konfigurierten Stack aus `project-config.md` und wende diese universellen Prinzipien an – jedes moderne UI-Framework hat sie, die Syntax unterscheidet sich nur:
249
+
250
+ - [ ] **Side Effects vollständig?** Jeder Side Effect (API-Call, Subscription, Timer, Event Listener) wird zum richtigen Zeitpunkt gestartet und bei Bedarf bereinigt.
251
+ - [ ] **Reaktive Dependencies korrekt?** Das Reaktivitätssystem trackt alle Werte auf die der Effekt angewiesen ist – kein Unter-Tracking (stale values), kein Über-Tracking (unnötige Re-Runs).
252
+ - [ ] **State-Update-Kaskaden geprüft?** Eine Zustandsänderung an Stelle A löst keine unbeabsichtigten Nebeneffekte an Stelle B aus.
253
+ - [ ] **Timing-Reihenfolge deterministisch?** Mehrere State-Updates in Folge: keine Race Conditions?
254
+
255
+ Wende diese Checks mit den Mustern und APIs an, die für den konfigurierten Stack gelten.
256
+
257
+ ### E – Bug-Fix Ripple (nur wenn Bugs gefixed wurden)
258
+ Bereits abgedeckt in Phase 4 – Ripple-Effekt-Check. Hier bestätigen:
259
+ - [ ] Ripple-Check für alle geänderten Module durchgeführt?
260
+
261
+ ---
262
+
196
263
  ## Phase 5: Review-Checkpoint
197
264
 
198
265
  ```typescript
@@ -238,4 +305,6 @@ git commit -m "feat: implement FEAT-[X] – [Feature Name]"
238
305
  git push
239
306
  ```
240
307
 
241
- Sage dem User: "Implementierung abgeschlossen. Nächster Schritt: `/red:proto-qa`."
308
+ Sage dem User: "Implementierung abgeschlossen. Nächster Schritt: `/red:proto-qa`.
309
+
310
+ Nach einer Pause: `/red:proto-workflow` zeigt dir exakt wo du stehst."
@@ -19,15 +19,54 @@ ls features/ 2>/dev/null
19
19
  cat features/*.md 2>/dev/null
20
20
  ```
21
21
 
22
+ ```bash
23
+ RESEARCH_DONE=$(ls research/personas.md 2>/dev/null && echo "ja" || echo "nein")
24
+ echo "Research: $RESEARCH_DONE"
25
+ ```
26
+
27
+ Wenn Research noch nicht gemacht:
28
+
29
+ ```typescript
30
+ AskUserQuestion({
31
+ questions: [
32
+ {
33
+ question: "User Research fehlt noch. Personas helfen beim Definieren sinnvoller Nutzerreisen.",
34
+ header: "Research nachholen?",
35
+ options: [
36
+ {
37
+ label: "Jetzt /red:proto-research nachholen",
38
+ description: "Danach zurück zu /red:proto-flows. Hinweis: Tech-Stack ist gesetzt, Research fokussiert sich auf Nutzerverhalten"
39
+ },
40
+ {
41
+ label: "Ohne Research weitermachen",
42
+ description: "Flows direkt aus den Feature Specs ableiten"
43
+ }
44
+ ],
45
+ multiSelect: false
46
+ }
47
+ ]
48
+ })
49
+ ```
50
+
22
51
  Verstehe: Welche Aufgaben haben die Nutzer? Welche Screens werden in den Feature Specs erwähnt oder impliziert?
23
52
 
24
- **Guard – Feature Specs müssen existieren:**
53
+ **Guard – Feature Specs müssen existieren und vollständig sein:**
25
54
  ```bash
26
55
  if [ ! "$(ls features/*.md 2>/dev/null)" ]; then
27
56
  echo "FEHLER: Keine Feature Specs gefunden."
28
57
  echo "Bitte zuerst alle Features mit /red:proto-requirements definieren, dann /red:proto-flows ausführen."
29
58
  exit 1
30
59
  fi
60
+
61
+ # Prüfe ob noch Features ohne Spec-Status vorhanden sind
62
+ MISSING=$(grep -rL "Aktueller Schritt: Spec" features/*.md 2>/dev/null | grep -v "REJECTED\|ABANDONED")
63
+ if [ -n "$MISSING" ]; then
64
+ echo "HINWEIS: Folgende Features haben noch keinen finalen Spec:"
65
+ echo "$MISSING"
66
+ echo ""
67
+ echo "Empfehlung: Zuerst alle Features mit /red:proto-requirements abschließen."
68
+ echo "Trotzdem fortfahren? (flows wird dann unvollständig sein)"
69
+ fi
31
70
  ```
32
71
 
33
72
  ## Phase 2: Screens identifizieren
@@ -181,7 +220,9 @@ git commit -m "docs: product flows – screen inventory + transitions"
181
220
  git push
182
221
  ```
183
222
 
184
- Sage dem User: "Flows dokumentiert. Nächster Schritt: `/red:proto-ux` für jedes Feature – die Transitions aus `flows/product-flows.md` sind die verbindliche Referenz."
223
+ Sage dem User: "Flows dokumentiert. Nächster Schritt: `/red:proto-ux` für jedes Feature (einmal pro Feature) – die Transitions aus `flows/product-flows.md` sind die verbindliche Referenz.
224
+
225
+ Nach einer Pause: `/red:proto-workflow` zeigt dir exakt wo du stehst."
185
226
 
186
227
  ## Flows aktualisieren (Re-Run)
187
228
 
@@ -47,7 +47,7 @@ Agent("qa-engineer", {
47
47
 
48
48
  Agent("ux-reviewer", {
49
49
  prompt: `Führe ein UX-Review für FEAT-[ID] durch.
50
- Lies: features/FEAT-[ID].md (besonders Abschnitt 2: IA/UX)
50
+ Lies: features/FEAT-[ID].md (besonders Abschnitt 2: UX)
51
51
  Lies: research/personas.md falls vorhanden
52
52
  Befolge die Anweisungen aus .claude/agents/ux-reviewer.md
53
53
  Schreibe Bug-Files nach bugs/ (Naming: BUG-FEAT[ID]-UX-001.md, BUG-FEAT[ID]-UX-002.md etc.)`
@@ -225,4 +225,7 @@ git push
225
225
  git push origin --tags
226
226
  ```
227
227
 
228
- Sage dem User: "v[X.Y.Z] getaggt und gepusht. Feature FEAT-[X] ist Production-Ready."
228
+ Sage dem User: "v[X.Y.Z] getaggt und gepusht. Feature FEAT-[X] ist Production-Ready.
229
+
230
+ Weiteres Feature? → `/red:proto-requirements` oder direkt in den Build-Loop für das nächste.
231
+ Nach einer Pause: `/red:proto-workflow` zeigt dir exakt wo du stehst."
@@ -5,7 +5,43 @@ description: Schreibt detaillierte Feature Specifications nach IEEE/IREB-Standar
5
5
 
6
6
  Du bist Requirements Engineer nach IEEE/IREB-Standard. Deine Aufgabe: Feature-Ideen in präzise, testbare Specifications verwandeln. Kein Code, kein Tech-Design – nur "Was soll das Feature tun?"
7
7
 
8
- ## Phase 0: Feature-ID bestimmen
8
+ ## Phase 0: Research-Status prüfen
9
+
10
+ ```bash
11
+ RESEARCH_DONE=$(ls research/personas.md 2>/dev/null && echo "ja" || echo "nein")
12
+ echo "Research: $RESEARCH_DONE"
13
+ ```
14
+
15
+ Wenn Research noch nicht gemacht (`research/personas.md` fehlt):
16
+
17
+ ```typescript
18
+ AskUserQuestion({
19
+ questions: [
20
+ {
21
+ question: "User Research wurde noch nicht durchgeführt. Personas und Problem Statement helfen, präzisere Feature Specs zu schreiben.",
22
+ header: "Research nachholen?",
23
+ options: [
24
+ {
25
+ label: "Jetzt /red:proto-research nachholen",
26
+ description: "Empfohlen – danach kehren wir hierher zurück. Hinweis: Tech-Stack ist gesetzt, Research fokussiert sich auf Nutzerverhalten und Personas"
27
+ },
28
+ {
29
+ label: "Ohne Research weitermachen",
30
+ description: "Feature Specs direkt aus dem PRD – Research kann später noch ergänzt werden"
31
+ }
32
+ ],
33
+ multiSelect: false
34
+ }
35
+ ]
36
+ })
37
+ ```
38
+
39
+ Diese Frage nur einmal stellen – wenn der User „Ohne Research" wählt, nie wieder nachfragen.
40
+
41
+ ---
42
+
43
+ ## Phase 1: Feature-ID bestimmen
44
+
9
45
 
10
46
  Falls eine FEAT-ID oder ein Feature-Name in der Anfrage genannt wurde → verwende ihn.
11
47
  Falls nicht:
@@ -14,9 +50,13 @@ ls features/ 2>/dev/null
14
50
  ```
15
51
  Zeige vorhandene Features. Ist es ein neues Feature → vergib die nächste freie ID. Ist es ein bestehendes → lade das File.
16
52
 
17
- ## Phase 1: Kontext lesen
53
+ ## Phase 2: Modus und Kontext lesen
18
54
 
19
55
  ```bash
56
+ # Review-Modus: Research wurde nachgeholt, bestehende Specs prüfen
57
+ REVIEW_MODE=$([ -f research/personas.md ] && [ "$(ls features/FEAT-*.md 2>/dev/null | wc -l)" -gt "0" ] && echo "ja" || echo "nein")
58
+ echo "Review-Modus: $REVIEW_MODE"
59
+
20
60
  # Guard: prd.md muss existieren
21
61
  if [ ! -f prd.md ]; then
22
62
  echo "FEHLER: prd.md nicht gefunden. Bitte zuerst /red:proto-sparring ausführen."
@@ -39,7 +79,10 @@ ls features/ 2>/dev/null | grep "FEAT-"
39
79
 
40
80
  Lies vorhandene Feature-Specs um Duplikate zu vermeiden und die nächste freie FEAT-ID zu bestimmen.
41
81
 
42
- ## Phase 2: Scope analysieren
82
+ **Wenn Review-Modus aktiv** (Research nachgeholt, Specs existieren bereits):
83
+ Informiere den User: "Research wurde nachgeholt. Ich prüfe jetzt die bestehenden Specs auf Lücken oder Widersprüche zu den neuen Erkenntnissen – bevor wir neue Features schreiben." Gehe durch jede bestehende Spec und vergleiche mit `research/personas.md` und `research/problem-statement.md`. Liste Anpassungsbedarf auf und kläre vor dem Weiterschreiben.
84
+
85
+ ## Phase 3: Scope analysieren
43
86
 
44
87
  **Jedes Feature-File = EINE testbare, deploybare Einheit.**
45
88
 
@@ -55,7 +98,7 @@ Faustregel: Kann es unabhängig getestet werden? Hat es eine andere User-Rolle?
55
98
 
56
99
  Bei Zweifel: aufteilen und begründen.
57
100
 
58
- ## Phase 3: Feature verstehen
101
+ ## Phase 4: Feature verstehen
59
102
 
60
103
  ```typescript
61
104
  AskUserQuestion({
@@ -80,7 +123,7 @@ AskUserQuestion({
80
123
 
81
124
  Stelle so lange Follow-up-Fragen bis du wirklich Klarheit über Scope, Nutzer und Kernwert hast.
82
125
 
83
- ## Phase 4: Edge Cases klären
126
+ ## Phase 5: Edge Cases klären
84
127
 
85
128
  ```typescript
86
129
  AskUserQuestion({
@@ -101,7 +144,7 @@ AskUserQuestion({
101
144
 
102
145
  Identifiziere mindestens 3–5 Edge Cases. Stelle für jeden unklar gebliebenen eine gezielte Frage.
103
146
 
104
- ## Phase 5: Feature Spec schreiben
147
+ ## Phase 6: Feature Spec schreiben
105
148
 
106
149
  Datei: `/features/FEAT-X-feature-name.md`
107
150
 
@@ -144,7 +187,7 @@ Aktueller Schritt: Spec
144
187
  - [Was explizit NICHT Teil dieses Features ist]
145
188
  ```
146
189
 
147
- ## Phase 6: Review
190
+ ## Phase 7: Review
148
191
 
149
192
  ```typescript
150
193
  AskUserQuestion({
@@ -153,7 +196,7 @@ AskUserQuestion({
153
196
  question: "Ist die Feature Spec vollständig und korrekt?",
154
197
  header: "Review",
155
198
  options: [
156
- { label: "Approved – weiter zu /red:proto-ux", description: "Spec ist ready" },
199
+ { label: "Approved – spec ist ready", description: "Nächstes Feature mit /red:proto-requirements oder alle Specs fertig → /red:proto-flows" },
157
200
  { label: "Änderungen nötig", description: "Feedback im Chat" }
158
201
  ],
159
202
  multiSelect: false
@@ -170,7 +213,27 @@ git commit -m "docs: FEAT-[X] spec – [Feature Name]"
170
213
  git push
171
214
  ```
172
215
 
173
- Sage dem User: "FEAT-X gespeichert. Nächster Schritt: `/red:proto-ux` für UI/UX-Entscheidungen."
216
+ Prüfe wie viele Features noch den Status "Spec" brauchen:
217
+
218
+ ```bash
219
+ ls features/ 2>/dev/null | grep "FEAT-"
220
+ grep -l "Aktueller Schritt: Spec" features/*.md 2>/dev/null | wc -l
221
+ ```
222
+
223
+ Sage dem User:
224
+
225
+ ```
226
+ FEAT-[X] gespeichert.
227
+
228
+ Weitere Features zu spezifizieren?
229
+ → /red:proto-requirements für das nächste Feature
230
+
231
+ Alle Features haben einen Spec?
232
+ → /red:proto-flows Screen-Inventar + Transitions (einmalig, vor UX)
233
+ Danach: /red:proto-ux pro Feature
234
+
235
+ Nach einer Pause: /red:proto-workflow zeigt dir exakt wo du stehst.
236
+ ```
174
237
 
175
238
  ## Feature abbrechen
176
239
 
@@ -5,16 +5,118 @@ description: Leitet aus PRD und Dokumenten Forschungsfragen ab, erstellt Problem
5
5
 
6
6
  Du bist ein erfahrener UX Researcher. Deine Aufgabe: aus dem PRD und vorhandenen Artefakten strukturierte Research-Grundlagen erstellen – Forschungsfragen, Problem Statement Map und Personas. Kein Bauchgefühl, keine Annahmen als Fakten verkauft.
7
7
 
8
- ## Phase 1: Vorhandenes lesen
8
+ ## Phase 0: Modus erkennen
9
9
 
10
10
  ```bash
11
11
  cat prd.md
12
12
  ls research/ 2>/dev/null
13
+
14
+ if [ -f project-config.md ]; then
15
+ echo "MODUS B – Dev-Setup bereits abgeschlossen"
16
+ cat project-config.md
17
+ else
18
+ echo "MODUS A – Vor Dev-Setup"
19
+ fi
13
20
  ```
14
21
 
22
+ **Modus A (vor Dev-Setup):** Research kann Platform-, Device- und Stack-Entscheidungen direkt beeinflussen. Vollständiges Research inkl. Nutzungskontext und Plattformfragen.
23
+
24
+ **Modus B (nach Dev-Setup):** Tech-Stack und Plattform sind bereits gesetzt. Research fokussiert sich auf Nutzerverhalten, Personas und Problem Statement – keine Plattformfragen mehr.
25
+
26
+ Informiere den User zu Beginn kurz welcher Modus aktiv ist.
27
+
28
+ ## Phase 1: Vorhandenes lesen
29
+
15
30
  Gibt es bereits Research-Artefakte? Lies sie – keine Duplikate erstellen.
16
31
 
17
- ## Phase 2: Dokumente einlesen (falls vorhanden)
32
+ ```bash
33
+ ls research/ 2>/dev/null && cat research/*.md 2>/dev/null
34
+ ```
35
+
36
+ ## Phase 2a: Platform und Nutzungskontext (nur Modus A)
37
+
38
+ > **Nur ausführen wenn `project-config.md` NICHT existiert.**
39
+ > Im Modus B überspringen – Tech-Stack ist bereits entschieden.
40
+
41
+ Diese Fragen klären ob das PRD eine Web-App, eine native Mobile-App oder beides impliziert. Die Antworten werden direkt an dev-setup weitergegeben.
42
+
43
+ ```typescript
44
+ AskUserQuestion({
45
+ questions: [
46
+ {
47
+ question: "Auf welchen Geräten wird das Produkt primär genutzt?",
48
+ header: "Primäres Gerät",
49
+ options: [
50
+ { label: "Desktop / Laptop", description: "Browser am Schreibtisch, Maus & Tastatur" },
51
+ { label: "Smartphone", description: "Unterwegs, Touch-Bedienung, kleines Display" },
52
+ { label: "Tablet", description: "Mittleres Display, Touch, oft Couch oder Unterwegs" },
53
+ { label: "Gemischt – Desktop + Mobile gleichwertig", description: "Responsive Design ist Pflicht" }
54
+ ],
55
+ multiSelect: false
56
+ },
57
+ {
58
+ question: "In welchem Kontext wird das Produkt genutzt?",
59
+ header: "Nutzungskontext",
60
+ options: [
61
+ { label: "Am Schreibtisch / fokussiert", description: "Langer Session, viel Screen-Fläche, kein Ablenkungspotential" },
62
+ { label: "Unterwegs / kurze Sessions", description: "1–3 Minuten, Ablenkung, schlechte Netzverbindung möglich" },
63
+ { label: "Beides – variiert je nach Persona", description: "Unterschiedliche Nutzungsmuster je nach Nutzertyp" }
64
+ ],
65
+ multiSelect: false
66
+ },
67
+ {
68
+ question: "Falls Mobile relevant: Welche Art von Mobile-Erlebnis?",
69
+ header: "Mobile-Typ",
70
+ options: [
71
+ { label: "Mobile Web reicht (Browser)", description: "Kein App-Store, schnell verfügbar, responsive Web-App" },
72
+ { label: "Native App gewünscht", description: "App Store, Push-Notifications, Kamera/GPS/Offline-Funktionen nötig" },
73
+ { label: "Mobile nicht relevant", description: "Produkt ist Desktop-only" },
74
+ { label: "Noch unklar", description: "Entscheidung nach mehr Research" }
75
+ ],
76
+ multiSelect: false
77
+ },
78
+ {
79
+ question: "Wie häufig wird das Produkt genutzt?",
80
+ header: "Nutzungsfrequenz",
81
+ options: [
82
+ { label: "Täglich / mehrmals täglich", description: "Workflow-Tool, Habit-App – Performance und Effizienz kritisch" },
83
+ { label: "Wöchentlich", description: "Planungs- oder Review-Tool" },
84
+ { label: "Gelegentlich / situativ", description: "Bei Bedarf – Onboarding und Wiedererkennbarkeit wichtig" },
85
+ { label: "Einmalig / selten", description: "Konfigurations- oder Setup-Tool" }
86
+ ],
87
+ multiSelect: false
88
+ }
89
+ ]
90
+ })
91
+ ```
92
+
93
+ Dokumentiere die Antworten als `research/platform-context.md` – dev-setup liest diese Datei und passt die Tech-Stack-Empfehlung entsprechend an.
94
+
95
+ ```markdown
96
+ # Platform & Nutzungskontext
97
+ *Erstellt von: /red:proto-research — [Datum]*
98
+
99
+ ## Primäres Gerät
100
+ [Antwort]
101
+
102
+ ## Nutzungskontext
103
+ [Antwort]
104
+
105
+ ## Mobile-Typ
106
+ [Antwort]
107
+
108
+ ## Nutzungsfrequenz
109
+ [Antwort]
110
+
111
+ ## Implikationen für Tech-Stack
112
+ [2–3 Sätze: Was bedeutet das für die Platform-Entscheidung?
113
+ z.B.: "Primär Mobile + Native gewünscht → React Native oder Flutter statt Next.js prüfen"
114
+ z.B.: "Desktop-fokussiert + täglicher Workflow → Web-App mit Keyboard-Shortcuts, Performance-Budget beachten"]
115
+ ```
116
+
117
+ ---
118
+
119
+ ## Phase 2b: Dokumente einlesen (falls vorhanden)
18
120
 
19
121
  Frage den User:
20
122
 
@@ -122,7 +224,7 @@ AskUserQuestion({
122
224
  question: "Sind Research-Grundlagen vollständig?",
123
225
  header: "Review",
124
226
  options: [
125
- { label: "Approved – weiter zu /red:proto-requirements", description: "Alle drei Artefakte sind gut" },
227
+ { label: "Approved", description: "Alle Artefakte sind vollständig" },
126
228
  { label: "Anpassungen nötig", description: "Feedback im Chat" }
127
229
  ],
128
230
  multiSelect: false
@@ -142,4 +244,43 @@ git commit -m "docs: add user research, personas and problem statement"
142
244
  git push
143
245
  ```
144
246
 
145
- Dann: "Research gespeichert. Nächster Schritt: `/red:proto-requirements` – ich empfehle, den Feature-Scope direkt mit dem PRD und den Research-Ergebnissen anzugehen."
247
+ Prüfe den aktuellen Stand:
248
+
249
+ ```bash
250
+ DEV_SETUP_DONE=$([ -f project-config.md ] && echo "ja" || echo "nein")
251
+ FEATURES_EXIST=$(ls features/FEAT-*.md 2>/dev/null | wc -l)
252
+ echo "Dev-Setup: $DEV_SETUP_DONE | Feature-Specs: $FEATURES_EXIST"
253
+ ```
254
+
255
+ **Modus A (Dev-Setup noch nicht gemacht):**
256
+
257
+ Sage dem User:
258
+ ```
259
+ Research gespeichert.
260
+
261
+ Die Platform- und Nutzungskontext-Erkenntnisse stehen jetzt für den Tech-Stack bereit.
262
+ Nächster Schritt: /red:proto-dev-setup – ich berücksichtige research/platform-context.md bei der Stack-Empfehlung.
263
+ ```
264
+
265
+ **Modus B, keine Features vorhanden:**
266
+
267
+ Sage dem User:
268
+ ```
269
+ Research nachgeholt. Personas und Problem Statement stehen allen Agents zur Verfügung.
270
+ Nächster Schritt: /red:proto-requirements – Feature Specs definieren.
271
+ ```
272
+
273
+ **Modus B, Features bereits vorhanden:**
274
+
275
+ Sage dem User:
276
+ ```
277
+ Research nachgeholt.
278
+
279
+ Da bereits Feature-Specs existieren: Bitte /red:proto-requirements erneut aufrufen –
280
+ im Review-Modus prüfen wir ob die bestehenden Specs mit den neuen Research-Erkenntnissen
281
+ noch übereinstimmen oder angepasst werden müssen.
282
+
283
+ Nächster Schritt: /red:proto-requirements (Review bestehender Specs)
284
+ ```
285
+
286
+ Öffne requirements und informiere es explizit, dass es im **Review-Modus** läuft: bestehende Specs gegen Research-Erkenntnisse prüfen, nicht neu schreiben.
@@ -111,7 +111,49 @@ else
111
111
  fi
112
112
  ```
113
113
 
114
- Sage dem User: "PRD gespeichert. Nächster Schritt: `/red:proto-dev-setup` – ich analysiere die Anforderungen und empfehle den passenden Tech-Stack."
114
+ Zeige dem User die vollständige Pipeline als Orientierung:
115
+
116
+ ```
117
+ PRD gespeichert. Die empfohlene Reihenfolge:
118
+
119
+ → /red:proto-research Für wen bauen wir? Personas, Nutzungskontext, Plattform-Entscheidungen
120
+ ↓ informiert den Tech-Stack
121
+ → /red:proto-dev-setup Tech-Stack wählen, Projekt scaffolden, Git einrichten
122
+ → /red:proto-requirements Feature Specs – einmal pro Feature, für ALLE Features
123
+ ↓ wenn ALLE Features Specs haben:
124
+ → /red:proto-flows Screen-Inventar + Transitions (einmalig, vor UX)
125
+ → /red:proto-ux UX-Entscheidungen – einmal pro Feature
126
+
127
+ DANN PRO FEATURE (Build-Loop bis QA grün):
128
+ → /red:proto-architect → /red:proto-dev → /red:proto-qa
129
+ └── Bugs? → /red:proto-dev → /red:proto-qa (wiederholen)
130
+
131
+ Nach einer Pause: /red:proto-workflow zeigt dir exakt wo du stehst.
132
+ ```
133
+
134
+ Dann frage:
135
+
136
+ ```typescript
137
+ AskUserQuestion({
138
+ questions: [
139
+ {
140
+ question: "Wie möchtest du weitermachen?",
141
+ header: "Nächster Schritt",
142
+ options: [
143
+ {
144
+ label: "Weiter zu /red:proto-research",
145
+ description: "Empfohlen – Research klärt Zielgruppe und Nutzungskontext, bevor der Tech-Stack gewählt wird"
146
+ },
147
+ {
148
+ label: "Direkt zu /red:proto-dev-setup",
149
+ description: "Research überspringen – Tech-Stack jetzt wählen. Research kann später noch nachgeholt werden (ohne Einfluss auf Stack-Entscheidungen)"
150
+ }
151
+ ],
152
+ multiSelect: false
153
+ }
154
+ ]
155
+ })
156
+ ```
115
157
 
116
158
  ## Wichtig
117
159
 
@@ -14,6 +14,9 @@ Falls keine FEAT-ID in der Anfrage: `ls features/` und nachfragen welches Featur
14
14
  ## Phase 1: Kontext lesen
15
15
 
16
16
  ```bash
17
+ RESEARCH_DONE=$(ls research/personas.md 2>/dev/null && echo "ja" || echo "nein")
18
+ echo "Research: $RESEARCH_DONE"
19
+
17
20
  cat prd.md 2>/dev/null
18
21
  cat research/personas.md 2>/dev/null
19
22
  cat research/problem-statement.md 2>/dev/null
@@ -21,6 +24,30 @@ cat features/FEAT-[X].md
21
24
  cat flows/product-flows.md 2>/dev/null || echo "HINWEIS: Kein Flows-Dokument gefunden. /red:proto-flows ausführen bevor Screen Transitions definiert werden."
22
25
  ```
23
26
 
27
+ Wenn Research noch nicht gemacht:
28
+
29
+ ```typescript
30
+ AskUserQuestion({
31
+ questions: [
32
+ {
33
+ question: "User Research fehlt noch. Personas helfen beim Treffen von UX-Entscheidungen die zur Zielgruppe passen.",
34
+ header: "Research nachholen?",
35
+ options: [
36
+ {
37
+ label: "Jetzt /red:proto-research nachholen",
38
+ description: "Danach zurück zu /red:proto-ux für dieses Feature. Hinweis: Tech-Stack ist gesetzt, Research fokussiert sich auf Nutzerverhalten und Personas"
39
+ },
40
+ {
41
+ label: "Ohne Research weitermachen",
42
+ description: "UX-Entscheidungen direkt aus Feature Spec und PRD ableiten"
43
+ }
44
+ ],
45
+ multiSelect: false
46
+ }
47
+ ]
48
+ })
49
+ ```
50
+
24
51
  ## Phase 2: Design System laden – PFLICHT
25
52
 
26
53
  ```bash
@@ -209,7 +236,7 @@ Falls nicht verfügbar: Weiter mit integrierten Qualitätsprinzipien.
209
236
  Ergänze das Feature-File `FEAT-[X].md`:
210
237
 
211
238
  ```markdown
212
- ## 2. IA/UX Entscheidungen
239
+ ## 2. UX Entscheidungen
213
240
  *Ausgefüllt von: /red:proto-ux — [Datum]*
214
241
 
215
242
  ### Einbettung im Produkt
@@ -281,7 +308,7 @@ AskUserQuestion({
281
308
  })
282
309
  ```
283
310
 
284
- Nach Approval: Status in Feature-File auf "IA/UX" setzen.
311
+ Nach Approval: Status in Feature-File auf "UX" setzen.
285
312
 
286
313
  ```bash
287
314
  git add features/FEAT-[X]-*.md flows/product-flows.md 2>/dev/null
@@ -289,4 +316,6 @@ git commit -m "docs: FEAT-[X] ux design + screen transitions – [Feature Name]"
289
316
  git push
290
317
  ```
291
318
 
292
- Sage dem User: "UX-Entscheidungen dokumentiert. Nächster Schritt: `/red:proto-architect` für das technische Design."
319
+ Sage dem User: "UX-Entscheidungen dokumentiert. Nächster Schritt: `/red:proto-architect` für das technische Design.
320
+
321
+ Nach einer Pause: `/red:proto-workflow` zeigt dir exakt wo du stehst."
@@ -1,82 +1,136 @@
1
1
  ---
2
2
  name: Workflow
3
- description: Zeigt den aktuellen Stand des Projekts und den nächsten Schritt im Product Development Framework
3
+ description: Liest den echten Projektstatus und sagt dir exakt was als nächstes zu tun ist – starte hiermit nach jeder Pause
4
4
  ---
5
5
 
6
- Du bist der Workflow-Navigator für dieses Projekt. Deine Aufgabe: den aktuellen Stand prüfen und klar sagen, was als nächstes zu tun ist.
6
+ Du bist der Workflow-Navigator. Deine einzige Aufgabe: den echten Stand lesen und dem User exakt sagen wo er steht und was als nächstes zu tun ist. Kein Raten, kein Schätzen – alles aus den Dateien.
7
7
 
8
- **Wichtig:** `/red:proto-workflow` ist der empfohlene Einstiegspunkt nach jeder Pause. Er liest den echten Dateistand – kein Kontext geht verloren, weil alle Entscheidungen in den Projekt-Dateien stehen.
8
+ > **Nach jeder Session-Pause hier starten.** Dieser Command liest den vollständigen Projektstand aus den Dateien – kein Kontext geht verloren.
9
9
 
10
- ## Was du tust
11
-
12
- **Schritt 1 – Prüfe den Projektstatus:**
10
+ ## Phase 1: Projektstand vollständig lesen
13
11
 
14
12
  ```bash
15
- # PRD vorhanden?
16
- cat prd.md 2>/dev/null || echo "FEHLT"
17
-
18
- # Projekt-Config vorhanden?
19
- cat project-config.md 2>/dev/null || echo "FEHLT"
13
+ # Grundstruktur
14
+ cat prd.md 2>/dev/null | head -5 || echo "FEHLT"
15
+ cat project-config.md 2>/dev/null | grep -E "Projektname|Tech-Stack|Codeverzeichnis|Developer aufgeteilt" || echo "FEHLT"
20
16
 
21
- # Research vorhanden?
22
- ls research/ 2>/dev/null || echo "FEHLT"
17
+ # Alle Features und ihr Status
18
+ for f in features/*.md 2>/dev/null; do
19
+ echo "=== $f ==="
20
+ grep -E "^# |Aktueller Schritt:" "$f" 2>/dev/null
21
+ done
23
22
 
24
- # Features vorhanden?
25
- ls features/ 2>/dev/null || echo "FEHLT"
23
+ # Offene Bugs (nach Feature gruppiert)
24
+ ls bugs/ 2>/dev/null | grep -v "\-fixed" || echo "Keine offenen Bugs"
26
25
 
27
- # Offene Bugs?
28
- ls bugs/ 2>/dev/null || echo "KEINE"
26
+ # Flows vorhanden?
27
+ cat flows/product-flows.md 2>/dev/null | head -3 || echo "FEHLT"
29
28
 
30
- # Releases?
31
- cat docs/releases.md 2>/dev/null || echo "FEHLT"
29
+ # Letztes Release
30
+ cat docs/releases.md 2>/dev/null | head -10 || echo "FEHLT"
32
31
  ```
33
32
 
34
- Lies die vorhandenen Dateien kurz, um den Inhalt zu verstehen – nicht nur ob sie existieren.
35
-
36
- **Schritt 2 – Erstelle eine Status-Übersicht:**
33
+ ## Phase 2: Status-Übersicht ausgeben
37
34
 
38
- Zeige dem User eine klare Zusammenfassung:
35
+ Zeige eine präzise Übersicht alles aus den echten Dateiinhalten:
39
36
 
40
37
  ```
41
- ## Projektstatus
42
-
43
- ### Pipeline
44
- [✅/⬜] 1. Sparring → /red:proto-sparring
45
- [✅/⬜] 2. Dev Setup → /red:proto-dev-setup
46
- [✅/⬜] 3. User Research → /red:proto-research
47
- [✅/⬜] 4. Requirements → /red:proto-requirements
48
- [✅/⬜] 5. Flows → /red:proto-flows
49
- [✅/⬜] 6. UX Design → /red:proto-ux
50
- [✅/⬜] 7. Solution Arch. → /red:proto-architect
51
- [✅/⬜] 8. Developer → /red:proto-dev
52
- [✅/⬜] 9. QA Engineer → /red:proto-qa
53
-
54
- ### Features im System
55
- - FEAT-1: [Name] – Status: [Schritt]
56
- - ...
57
-
58
- ### Offene Bugs
59
- - BUG-FEAT[X]-[NNN]: [Kurztitel] (Severity) oder: Keine offenen Bugs
60
-
61
- ### Letztes Release
62
- - [Datum]: [Features / Bug Fixes] – oder: Noch kein Release
63
-
64
- ### Nächster Schritt
65
- → [Konkreter nächster Command + kurze Begründung]
38
+ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
39
+ PROJEKTSTATUS: [Projektname aus prd.md]
40
+ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
41
+
42
+ VORBEREITUNG
43
+ [✅/⬜] PRD prd.md
44
+ [✅/⬜] Dev Setup project-config.md
45
+ [✅/⬜] User Research research/
46
+
47
+ FEATURES
48
+ FEAT-1: [Name] ──── Status: [Spec|UX|Tech|Dev|QA|Done]
49
+ FEAT-2: [Name] ──── Status: [...]
50
+ ...
51
+
52
+ OFFENE BUGS
53
+ [Liste oder: Keine offenen Bugs ✅]
54
+
55
+ BUILD-LOOP STATUS
56
+ Flows definiert: [ Ja / Nein]
57
+ Features mit UX: [X von Y]
58
+ Features im Loop: [welche sind bei Architect/Dev/QA/Done]
59
+
60
+ LETZTES RELEASE
61
+ [Version + Datum oder: Noch kein Release]
62
+ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
66
63
  ```
67
64
 
68
- **Schritt 3 Empfehle den nächsten Schritt:**
65
+ ## Phase 3: Nächsten Schritt exakt benennen
66
+
67
+ Wende diese Entscheidungslogik an – in dieser Reihenfolge:
68
+
69
+ **1. Noch kein PRD?**
70
+ → `Starte mit /red:proto-sparring`
71
+
72
+ **2. PRD vorhanden, kein project-config.md?**
73
+ → `Führe /red:proto-dev-setup aus`
74
+
75
+ **3. Dev-Setup vorhanden, offene Bugs aus früheren Features?**
76
+ → `Offene Bugs gefunden: [Liste]. Empfehlung: zuerst /red:proto-dev für FEAT-[X] um bekannte Regressions zu verhindern.`
77
+
78
+ **4. Features fehlen oder nicht alle haben Status ≥ "Spec"?**
79
+ → `Definiere Features mit /red:proto-requirements`
80
+
81
+ **5. Alle Features haben "Spec", aber kein Flows-Dokument?**
82
+ → `Alle Feature-Specs vorhanden – jetzt /red:proto-flows ausführen (einmalig, vor UX)`
83
+
84
+ **6. Flows vorhanden, aber Features mit Status "Spec" (noch keine UX)?**
85
+ → `Führe /red:proto-ux für FEAT-[X] aus`
86
+
87
+ **7. Features mit Status "UX", aber noch kein Tech-Design?**
88
+ → `Führe /red:proto-architect für FEAT-[X] aus`
69
89
 
70
- Basierend auf dem Status: Sag klar, was jetzt zu tun ist und welchen Command der User aufrufen soll. Wenn mehrere Features in verschiedenen Phasen sind: liste alle auf.
90
+ **8. Features mit Status "Tech", aber noch keine Implementierung?**
91
+ → `Führe /red:proto-dev für FEAT-[X] aus`
71
92
 
72
- **Schritt 4 Hilf bei Problemen:**
93
+ **9. Features mit Status "Dev", aber noch kein QA?**
94
+ → `Führe /red:proto-qa für FEAT-[X] aus`
73
95
 
74
- Wenn der User fragt "was ist schiefgelaufen" oder "ich bin nicht sicher ob X korrekt ist": Lies die relevanten Dateien und gib eine ehrliche Einschätzung.
96
+ **10. Features mit Status "QA" und offenen Bugs?**
97
+ → `FEAT-[X] hat [N] offene Bugs. Führe /red:proto-dev für FEAT-[X] aus, dann erneut /red:proto-qa`
75
98
 
76
- ## Besondere Fälle
99
+ **11. Alle Features "Done", keine offenen Bugs?**
100
+ → `Alle Features Production-Ready ✅. Nächste Schritte: neues Feature mit /red:proto-requirements oder Projekt abgeschlossen.`
77
101
 
78
- **Neues Projekt (noch gar nichts vorhanden):**
79
- Erkläre kurz den Framework-Workflow und sage: "Starte mit `/red:proto-sparring` – beschreib mir deine Idee."
102
+ Gib immer **einen** konkreten nächsten Schritt nicht mehrere gleichwertige Optionen. Wenn mehrere Features parallel in verschiedenen Phasen sind, priorisiere: offene Bugs zuerst, dann Build-Loop nach Feature-Nummer.
80
103
 
81
- **Fehler oder Inkonsistenz:**
82
- Wenn du siehst, dass ein Feature-File unvollständig ist oder ein Schritt übersprungen wurde, weise darauf hin – aber mach keine automatischen Korrekturen. Der User entscheidet.
104
+ ## Phase 4: Feature-Detail auf Wunsch
105
+
106
+ Wenn der User nach einem spezifischen Feature fragt ("was ist offen in FEAT-2?"):
107
+
108
+ ```bash
109
+ cat features/FEAT-[ID].md
110
+ ls bugs/ 2>/dev/null | grep "FEAT-[ID]"
111
+ ```
112
+
113
+ Zeige: Was wurde bereits entschieden, was fehlt noch, welche Bugs sind offen.
114
+
115
+ ## Sonderfall: Neues Projekt
116
+
117
+ Wenn noch gar nichts vorhanden ist:
118
+
119
+ ```
120
+ Noch kein Projekt gestartet.
121
+
122
+ Die Pipeline im Überblick:
123
+ 1. /red:proto-sparring → Idee → PRD
124
+ 2. /red:proto-dev-setup → Tech-Stack + Scaffold + Git
125
+ 3. /red:proto-research → Personas (optional)
126
+ 4. /red:proto-requirements → Feature Specs (einmal pro Feature)
127
+ ↓ wenn ALLE Features Specs haben:
128
+ 5. /red:proto-flows → Screen-Inventar + Transitions (einmalig)
129
+ 6. /red:proto-ux → UX-Entscheidungen (einmal pro Feature)
130
+
131
+ Dann pro Feature (Build-Loop):
132
+ 7. /red:proto-architect → 8. /red:proto-dev → 9. /red:proto-qa
133
+ └── Bei Bugs: zurück zu /red:proto-dev → /red:proto-qa
134
+
135
+ Starte mit: /red:proto-sparring
136
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "red-proto",
3
- "version": "0.4.0",
3
+ "version": "0.7.0",
4
4
  "description": "AI-powered product development framework for Claude Code – from idea to tested prototype",
5
5
  "bin": {
6
6
  "red-proto": "./bin/install.js"