Mattia Sica.
DE
ItalianoEnglishEspañolPortuguêsFrançaisDeutsch简体中文العربيةहिन्दीРусскийעברית
Alle Projekte

CosmoGato

Ein Horoskop für dein Haustier

Live · 2026
Zeitraum
2026
Technologien
PWA · Next.js · React · TypeScript · Prisma · Supabase PostgreSQL/Auth · Claude · Stripe · Vercel

Drei Ansichten

CosmoGato PWA · öffentliche Startseite und Demo-Ablauf

Wähle eine Tierart
Tierprofil · Demo
Persönliche Deutung · Demo
  1. Tierprofil
  2. Next.js-Backend
  3. Anthropic API
  4. Persönliche Deutung
Erläuterndes Projektdiagramm

Wie alles begann

Ein Freund und ich suchten nach der absurdesten Idee, die uns einfallen konnte, und entschieden uns für Horoskope für Haustiere.

Probleme und Entscheidungen

Die Sterne auf den Boden holen

Um dem spielerischen Konzept einen konkreten Bezug zu geben, integrierte ich einen Kalender astronomischer Ereignisse. Die Angaben zu Finsternissen beziehen sich auf NASA-Daten, Konjunktionen werden mit JPL Horizons abgeglichen.

Ein tragfähiges Modell wählen

Wir verglichen lokale Modelle mit kostenpflichtigen APIs und entschieden uns innerhalb eines festen Budgets für Claude Haiku. Ich musste die Qualität der Lesungen gegen die Generierungskosten abwägen und die Abläufe für Profile, Guthaben und Zahlungen auf das Modell abstimmen.

So funktioniert’s

  1. Seiten und APIs sind in einer Next.js-PWA auf Vercel vereint. Die Benutzeroberfläche basiert auf React, TypeScript und MUI.
  2. Supabase übernimmt die Anmeldung und die Speicherung in PostgreSQL. Die APIs verknüpfen über Prisma Haustierprofile mit ihren Messwerten.
  3. Claude erstellt Deutungen auf dem Server. Stripe Checkout und Webhooks unterstützen einzelne Deutungen und Abonnements.

KI-Integrationslabor

Ich habe Sicherheit und Ressourcenverbrauch als Teil der Produktgestaltung behandelt.

Prompt-Injection
Freitext im Tierprofil wird begrenzt, gefiltert und dem Modell als Daten getrennt von seinen Anweisungen übergeben. Der Server prüft außerdem die Struktur der Antwort.
Anfragenbegrenzung
Vor der Generierung begrenzt ein zentraler Zähler die Anfragen pro Nutzer und setzt eine tägliche Gesamtobergrenze durch. Ist die Prüfung nicht verfügbar, wird die Anfrage gestoppt.
Nutzung und Quellenangaben
Eine Längenbegrenzung beschränkt die Ausgabe. Für eine gleichwertige Anfrage lässt sich eine fertige Deutung wiederverwenden. Fällt das Modell aus, wird eine Ersatzdeutung ausgegeben und das reservierte Guthaben freigegeben.

Transparenz zum KI-Einsatz

Ich habe Transparenzmaßnahmen mit Bezug auf Artikel 50 des AI Act umgesetzt. CosmoGato kennzeichnet KI-generierte Deutungen als Unterhaltung. Die Oberfläche weist auf Ersatztexte hin, und die API kennzeichnet deren Quelle. Über die Kontoeinstellungen lassen sich personenbezogene Daten exportieren und löschen.

KI-Verordnung · (EU) 2024/1689 · Art. 50 · DSGVO · (EU) 2016/679

Was ich gelernt habe

Durch CosmoGato habe ich gelernt, KI als Teil eines Produkts zu behandeln. Jede Deutung verursacht Kosten, und die Anwendung muss auch dann nutzbar bleiben, wenn die Generierung fehlschlägt. Diese Erfahrung prägt, wie ich andere KI-Integrationen beurteile.

Aktueller Stand

Die Startseite ist öffentlich zugänglich. Ansichten der internen Abläufe verwenden Demodaten.

CosmoGato öffnen

SEO, GEO und AEO für öffentliche Inhalte

Für den öffentlich zugänglichen Bereich von CosmoGato berücksichtige ich SEO (Suchmaschinenoptimierung), GEO (Optimierung für generative Suchsysteme) und AEO (Optimierung für Antwortsysteme). Inhalte, Kontext und Struktur tragen dazu bei, das Produkt leichter auffindbar und verständlich zu machen.

Ich richte Seiten an den Fragen der Menschen aus und verknüpfe Antworten mit Beispielen, Quellen und überprüfbaren Ergebnissen. So arbeite ich mit SEO, GEO und AEO.

Ein interessantes Problem?

Erzähl mir, was du entwickeln oder verbessern möchtest, wer es nutzen wird und welche Rahmenbedingungen du hast. Ich melde mich bei dir, damit wir gemeinsam den Ausgangspunkt finden.

Lass uns reden