AI Assistant

StateMate

Ein AI-Assistent für GTA 5 RP-Server, der Regeln liest, Videobeweise analysiert und Antworten in klaren Blöcken zusammenfasst.

ReactFirebaseFramer MotionAI APIVision ParsingToken BillingTailwind CSS

Der Anfang

StateMate begann als Möglichkeit, API-Token, AI-Denkweisen und die Umwandlung einer normalen Textantwort in spezifische UI-Blöcke zu verstehen. Anstelle einer abstrakten Demo wählte ich ein sehr enges Szenario: Einen RP-Administrator für einen kleinen GTA 5 RP-Server, der auf der Grundlage von Regeln antworten, bei RP-Texten helfen und Forum-Beschwerden entwerfen kann.

StateMate / AI-Dialog / RP-Regeln / Videobeweis / Firebase-Token / StateMate / AI-Dialog / RP-Regeln / Videobeweis / Firebase-Token / StateMate / AI-Dialog / RP-Regeln / Videobeweis / Firebase-Token / StateMate / AI-Dialog / RP-Regeln / Videobeweis / Firebase-Token /

Der Kontext, den die AI behalten musste

Bei dem Projekt ging es um eine schöne Hülle um das Modell herum, um sicherzustellen, dass die AI mit dem Serverkontext arbeiten kann: Regeln, gesetzliche RP-Datenbank, Spielmechaniken, Forumformulare, Videobeweise und was tatsächlich im Chat und auf dem HUD sichtbar ist.

  • Das Regelwerk und die RP-Gesetze wurden als strukturierte Quelle gelesen, nicht nur als ein einziger langer Text
  • Die Antwort wurde in Denkprozess, relevante Regeln, Links und nächste Aktionen unterteilt
  • Die AI musste die Mechaniken des spezifischen Servers verstehen, anstatt mit allgemeinen RP-Phrasen zu antworten

Für wen StateMate entwickelt wurde

  • Spieler und Admins, die eine Situation schnell nach den Regeln bewerten müssen
  • Spieler, die RP-Texte, Einsprüche oder Forum-Beschwerden formulieren möchten
  • Moderatoren, die mit Videoclips, HUD, Chat und Metadaten arbeiten
  • Serverbesitzer, die eine klare Wissensdatenbank für unterstützte Server benötigen

Regel-Engine

Bequemes Lesen des Regelwerks, der gesetzlichen RP-Datenbank und der Servermechaniken mit Links zu den erforderlichen Forumsabschnitten.

Beweismittel-Input

Eingaben verschiedener Formate: Text, Situationen, Forum-Vorlagen und Videoclips mit Einzelbildanalyse.

AI-Argumentation

Die Antwort wurde nicht als eine einzige Textwüste angezeigt, sondern als Argumentation, Schlussfolgerung, Regeln, Schaltflächen für nächste Aktionen und fertige Entwürfe.

Konto-Ebene

Firebase für Konten, Avatare, Namen, Token, Anfragekosten und eine Landingpage mit dem Status der unterstützten Server.

Wo AI zur Benutzeroberfläche wurde

Der interessanteste Teil war es, dem Modell beizubringen, nicht nur zu antworten, sondern das Ergebnis in Komponenten zu zerlegen: Regelblöcke, Forumsübergänge, Widgets, Schaltflächen für nächste Aktionen und die Erstellung von Beschwerden. Separater Fokus lag auf Video: Die AI analysierte Frames, extrahierte die Aufnahmezeit aus HUD und Metadaten, fand Spieler, las den Chat und verifizierte alles anhand der Servermechanik.

  1. 01

    Modell verbunden und gelernt, mit Token, Kontext und Anfragekosten zu arbeiten

  2. 02

    Wissensdatenbank zu Regeln, RP-Gesetzen und Servermechaniken strukturiert

  3. 03

    Einen Dialog erstellt, der nicht nur Text, sondern eine Reihe von Widgets und Aktionen zurückgibt

  4. 04

    Videoclip-Analyse hinzugefügt: Frames, HUD, Chat, Metadaten und Spielerverhalten

  5. 05

    Firebase-Ebene für Konten, Profil, Token-Guthaben und unterstützte Server aufgebaut

Erfolgreicher Test

StateMate hatte eine vollständige Produkthülle: Benutzer konnten ihren Namen und Avatar ändern, Token kaufen, sie für verschiedene Arten von Anfragen ausgeben und auf der Landingpage sehen, welche Server unterstützt wurden und wie vollständig ihre Wissensdatenbank war. Viel Zeit wurde in Mikroanimationen investiert, damit sich Generierung, Seitenübergänge, Tastendrücke und Dialoge lebendig anfühlen.