◑ MOCKUP-MODUS · TGV UX-Index — EIN Einstieg zu allen Design-Artefakten · file:// · Realdaten illustrativ

🧭 TGV · UX-Index Design-Set v1.0

Alle UX-Artefakte an einem Ort — interaktive Mockups, Reviews/Audits und die lebende Spezifikation. Design-Set v1.0 · 2026-06-29 = 41 Komponenten · 12 Heroes · 4-Zonen-Standard · 37 Bau-Regeln. Owner: AGENT-UX#01 (Design-Wächter). Quer-Navigation oben · Hell/Dunkel oben rechts.

🖱 Interaktive Mockups & Referenzen

🗺
Landkarte · 41

Design-Landkarte

41 benannte Komponenten: Name · Funktion · kanonische Darstellung · States · Regel · wo. + Engine-Datenformen + Drift.

öffnen →
🦸
Hero · 8 Sektionen

Hero-Mockups

Zone 1 (Orientierung) aller 8 Sektionen auf einer Seite: Heute · Klärung · Finanzen · Dokumente · Steuer · RKA · Verträge · Einstellungen.

öffnen →
🏗
4-Zonen-Standard

4-Zonen · Finanzen

Volle Sektions-Vorlage (Hero · Chat-Master · Kontext-Wahl · Composer), durchdekliniert an Finanzen — mit Konversation + Abschluss.

öffnen →
🧪
Kitchen-Sink

CORE-Kitchen-Sink

EINE durchgehende Finanz-Konversation mit allen Bausteinen in echter Kombi, Realdaten.

öffnen →
🟧
Kitchen-Sink

gabriel-Kitchen-Sink

Memoir-Welt (FR/warm) im selben Vokabular: souvenir · fiche · 5 Étappes · photo · audio.

öffnen →
🎨
Paletten

Paletten

CORE (kühl) + gabriel (warm) Swatch-Boards nebeneinander — gleiche Rolle-Tokens, andere Hex.

öffnen →
🔍
JC-Abnahme-Gate

Klärung-Rework-Mockup

Variante A (gelocktes Modell): Tabelle → Fall-Fokus (1 Thread/Fall) → abschließen → nächster. 10 Pflicht-Punkte.

öffnen →
🖥
App-Mockup

CORE-App-Mockup

Navigierbares CORE: alle Sektionen + Skill/Agent/Prompt-Admin + Konto, auf die kanonischen Komponenten gezogen.

öffnen →
🎯
historisch

Triage-Gold-Mockup

Kontext-Dialog-Muster (Vorläufer der Klärung-Sektion).

öffnen →
📋
interaktiv

Gesamt-Audit (Welle 1)

CORE-Screen-Verdikte mit 3-Status-Toggle + Copy-Summary.

öffnen →

🔍 Reviews & Audits (Reviewer-Dokumente)

🔭
Drift-Punchliste

core_shell Drift-Audit

Soll(Landkarte)/Ist(Shell v1.8) D1–D10: scope-frame · Theme · Menü-Spacing · Bullets · audio/out-bar nicht verdrahtet.

öffnen →
🟧
Welle-2

gabriel Gesamt-Audit

4-Achsen-Verdikte: gabriel = Referenz; 6 neue gemeinsame Komponenten extrahiert.

öffnen →
📑
Methode

Gesamt-Audit-Methode

4 Prüf-Achsen + Verdikt-Legende (✅/🔧/⛔/🚩) — die Audit-Methodik.

öffnen →
🗄
Daten

DB-Coverage-Audit

Steckbrief-Daten-Systematik gegen echtes Supabase-Schema.

öffnen →
🎯
Scope

Scope-Audit

Scope-/Kontext-Mechanik über alle Oberflächen.

öffnen →

📐 Spezifikation & Bau-Regeln

📋
Bau-Checkliste · 37 Regeln

Regelwerk

Alle verbindlichen UX-Regeln (v.a. die „technischen Belange": Hero-Reduktion · Fade-out · resizable Panel · Menü-Links · Sprecher-Code …). AGENT-UX#02 hakt ab, JC prüft auf 1 Blick statt Screen-für-Screen.

öffnen →
📖
SSOT · das WIE

Chatbot-UX-Bibel

Lebende Spezifikation: Regeln A–V · §0-Dialog-Regeln · §716 scope-frame · §v0.9 4-Zonen-Standard · Komponenten-Landkarte.

öffnen →
🎨
→ PLAT#06

ctx-tint Proposal

12 Sektions-Tönungs-Tokens (whisper-subtil, §5 „wo bin ich") + Anwendungsregel + AA-Kalibrierung.

öffnen →
🧭
Konzept

Triage→Klärung Soll-Konzept

„Was muss der User noch TUN, wenn gut auto-triagiert wird" → Klärung & Freigaben.

öffnen →
📂
Konzept

Datenverzeichnis & Dokumentalist

TGV ersetzt jede Ablage — Explorer-artig, KI-assistiert.

öffnen →
🗂
Roadmap

Mockup-Backlog-Roadmap

Geordnete Welle-Liste der fehlenden CORE-Mockups + konsumierende Bau-Lanes.

öffnen →
🧭 Hinweis zur Erreichbarkeit: Dieser Index + die Artefakte laufen sofort über file:// (relative Pfade, konsumiert PLAT#06-SSOT). Für die Live-URL https://app.startact.ai/ux_index.html braucht es einen Deploy-Schritt durch Tower/PLAT#03: die AGENT_UX_01-Artefakte (+ ux_index.html) in den deploybaren Pfad spiegeln, Deploy-Allowlist je .html ergänzen, und die SSOT-Links auf absolut /PLAT_06_DESIGN_SYSTEM/… stellen (statt relativ). Das berührt Deploy-Infra → außerhalb der Design-Lane.