📝 docs(figgos): add TODO list for Till

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Chr1st1anG 2026-02-12 13:49:31 +01:00
parent f5b3eeb36b
commit 13787ceadf

88
apps/figgos/TODO-TILL.md Normal file
View file

@ -0,0 +1,88 @@
# Figgos — TODO Till
Status: Mobile ist soweit funktional (Create, Loading, Reveal, Collection). Web (SvelteKit) hinkt hinterher. Fokus jetzt auf Web + Design-Polish.
---
## 1. Kartenrueckseite designen (Prio 1)
Die Rueckseite der Karte (`FlippableCard` / Card-Detail) muss designed und korrekt angeordnet werden. Aktuell ist sie ein schneller Entwurf.
**Entscheidungen treffen:**
- Was soll drauf? (Name, Subtitle, Backstory, Stats, Special Attack, Rarity Badge, Items?)
- Layout / Hierarchie — was ist prominent, was ist sekundaer?
- Wie skaliert es bei verschiedenen Textlaengen (kurze vs. lange Backstory)?
- Soll es scrollbar sein oder muss alles reinpassen?
**Referenz:** Mobile-Version in `apps/figgos/apps/mobile/components/FlippableCard.tsx` (Back-Seite ab Zeile ~148)
---
## 2. Generiertes Profil-Modell ueberarbeiten (Prio 1)
Das LLM generiert aktuell fuer jedes Item drei Felder: `name`, `description`, `lore`.
**Frage: Reicht nicht `name` + `lore`?**
- `description` beschreibt das Aussehen des Items — brauchen wir das wirklich separat?
- `lore` ist der Flavor-Text
- Vorschlag: `description` rauswerfen, nur `name` + `lore` behalten
- Falls ja: Shared types (`packages/shared/src/index.ts``FigureItem`), Prompt (`prompts.ts` → Schema + System Prompt), und Frontend anpassen
```ts
// Aktuell:
export interface FigureItem {
name: string;
description: string; // <- brauchen wir das?
lore: string; // <- brauchen wir das?
}
```
---
## 3. Reveal / AI-Loading Animation verbessern (Prio 2)
Aktuell: Blurred Placeholder-Karte + pulsierende gelbe Overlay + zyklische Texte ("Rolling rarity...", "Crafting backstory...").
**Ideen zur Verbesserung:**
- Uebergang von Loading → Reveal smoother machen (z.B. Blur aufloesen)
- Partikel-Effekte oder Glow basierend auf Rarity
- Sound-Effekte? (optional)
- "Unboxing"-Gefuehl staerker machen
---
## 4. Alles in SvelteKit bauen (Prio 3)
Die Web-App (`apps/figgos/apps/web`) hat aktuell nur Grundgeruest. Mobile ist weiter. Folgendes fehlt oder muss angeglichen werden:
- **Create Screen** mit Loading-Animation + Reveal (wie Mobile)
- **Optionaler Face-Image Upload** (File Input statt expo-image-picker)
- **Card-Flip** mit 3D CSS Transform (wie Mobile Gesture, aber mit Click/Hover)
- **Collection View** — Grid mit Karten
- **Error Handling** — Generation-Fehler anzeigen (figure.status === 'failed')
**Referenz:** Web API ist schon vorbereitet in `apps/figgos/apps/web/src/lib/api.ts`
---
## 5. Karten-Merge UI Konzept (Prio 3)
Ueberlegen wie ein Karten-Merge im UI aussehen koennte:
- Zwei Karten auswaehlen → verschmelzen zu einer neuen Figur
- Wie sieht die Auswahl-UI aus? (Drag & Drop, Side-by-Side, Slots?)
- Merge-Animation — wie verschmelzen die Karten visuell?
- Was passiert mit Stats/Rarity? (Durchschnitt, Bonus, Upgrade?)
- Was passiert mit den Ausgangskarten? (Verbraucht, archiviert?)
---
## 6. Allgemeiner Screen-Review
Einmal ueber alle Screens gehen und schauen wo Verbesserungen moeglich sind:
- Spacing, Alignment, Konsistenz
- Dark Mode / Theme-Konsistenz
- Leere Zustaende (keine Figuren, Loading, Errors)
- Tab-Bar Interaktion (aktiver Tab, Icons)
- Collection: Sortierung, Filter, Rarity-Badges