From 13787ceadf46b0436722245ef45a716d41107552 Mon Sep 17 00:00:00 2001 From: Chr1st1anG <73988455+Chr1st1anG@users.noreply.github.com> Date: Thu, 12 Feb 2026 13:49:31 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs(figgos):=20add=20TODO=20lis?= =?UTF-8?q?t=20for=20Till?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 --- apps/figgos/TODO-TILL.md | 88 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 apps/figgos/TODO-TILL.md diff --git a/apps/figgos/TODO-TILL.md b/apps/figgos/TODO-TILL.md new file mode 100644 index 000000000..6709bc040 --- /dev/null +++ b/apps/figgos/TODO-TILL.md @@ -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