Zum Hauptinhalt springen

Erstellen Sie eine Spieltagsseite

Erstellen Sie mit einem KI-Assistenten eine Seite, die die Spiele, Ergebnisse und Tabellen Ihrer Liga für jeden beliebigen Tag zeigt.

Verfasst von Pedro Maia

Eine Spieltagsseite zeigt alles, was an einem Tag in Ihrer Liga passiert: die Spiele, die Ergebnisse und die Tabellen, mit einer Datumsleiste, um zwischen den Tagen zu wechseln. Sie sieht aus wie die Match-Hub-Seite auf Ihrer LeagueRepublic-Website, aber das Design bestimmen Sie.

Sie müssen kein Entwickler sein. Ein KI-Assistent wie ChatGPT oder Claude kann die Seite anhand der Anleitung unten für Sie erstellen.

Bevor Sie beginnen

  • Ihre Liga braucht den Gold-Plan mit eingeschalteter API. Siehe Erste Schritte mit der API.

  • Sie brauchen Ihre Saison-ID. So funktioniert die API zeigt, wie Sie sie finden.

  • Noch keine Liga? Probieren Sie den Prompt zuerst mit der Demo-Liga von LeagueRepublic aus: Verwenden Sie die Saison-ID 153020000.

So verwenden Sie den Prompt

  1. Kopieren Sie den Prompt aus dem grauen Kasten unten.

  2. Tragen Sie Ihre Saison-ID ein. Ersetzen Sie [MEINE-SAISON-ID] durch Ihre eigene Nummer.

  3. Sagen Sie, wie es aussehen soll. Beschreiben Sie Ihre Farben und Ihren Stil, oder hängen Sie einen Screenshot Ihrer Website oder eines Designs an, das Ihnen gefällt. Ein Bild funktioniert meistens am besten. Wenn Sie nichts angeben, wählt die KI ein schlichtes Design.

  4. Fügen Sie ihn in den KI-Assistenten ein und senden Sie ihn ab.

  5. Öffnen Sie die Datei, die Sie erhalten. Speichern Sie sie und doppelklicken Sie darauf, um sie in Ihrem Browser zu öffnen.

  6. Vergleichen Sie sie mit Ihrer Liga-Website. Wenn etwas falsch aussieht, sagen Sie es der KI in einfachen Worten, zum Beispiel "die Ergebnisse sind falsch herum". Sie wird es korrigieren.

Der Prompt

Lies vor dem Start die JSON-API-Spezifikation von LeagueRepublic unter https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Verwende nur die Dienste, Webadressen und Feldnamen, die dort beschrieben sind, und halte dich an ihre Regeln zum Anfragelimit, zu leeren Werten, zu Fehlern und dazu, dass "road" auswärts bedeutet. Wenn du diese Adresse nicht öffnen kannst, hör auf und bitte mich, die Spezifikation einzufügen.

Erstelle mir eine einzelne Webseite (eine HTML-Datei, die ich in meinem Browser öffnen kann), die den Spieltagsüberblick meiner Liga zeigt und dafür den Dienst Get Match Hub nutzt. Meine Saison-ID ist [MEINE-SAISON-ID].

Die Seite soll:

1. Zeige oben eine Leiste mit anklickbaren Spieltagen, einschließlich des Eintrags "noch offen". Jeder Tag zeigt, wie viele Ergebnisse und noch zu spielende Spiele er hat. Ein Klick auf einen Tag lädt ihn. Scrolle die Leiste beim Öffnen der Seite so, dass der angezeigte Tag sichtbar ist.

2. Lass mich zwischen Saisons wechseln.

3. Zeige die Spiele des Tages gruppiert unter dem Namen der jeweiligen Division oder Pokalrunde.

4. Zeige für jedes Spiel die Heimmannschaft, das Ergebnis und die Auswärtsmannschaft. Wenn es noch nicht begonnen hat, zeige stattdessen die Anstoßzeit. Kennzeichne Live-Ergebnisse mit "Live" und Ergebnisse, die die Liga noch nicht bestätigt hat, mit "Vorläufig". Wenn ein Spiel verschoben ist, zeige das statt einer Uhrzeit. Wenn das Datum eines Spiels vorbei ist, es aber noch kein Ergebnis gibt, zeige "Ergebnis ausstehend" statt einer Uhrzeit.

5. Zeige zusätzliche Ergebnisangaben, etwa Halbzeit oder Elfmeterschießen, in kleiner Schrift. Wiederhole die Pokalrunde nicht unter einem Spiel, wenn sie schon im Gruppennamen steht.

6. Zeige unter jeder Division ihre Tabelle: Platz, Team, Spiele, Siege, Unentschieden, Niederlagen, Differenz, Punkte und aktuelle Form.

7. Wenn ein Spiel Einzelpartien (Darts, Pool), Innings oder Viertelergebnisse hat, zeige sie in einem Bereich, den ich auf- und zuklappen kann.

8. Speichere jeden Tag nach dem Laden und frage denselben Tag nicht innerhalb einer Minute erneut ab.

Halte das Design übersichtlich und auf dem Handy gut lesbar. Erkläre in einfachen Schritten, wie ich die Datei öffne und benutze. Frag mich, wenn etwas unklar ist.

Design: [BESCHREIBEN SIE DAS GEWÜNSCHTE AUSSEHEN ODER HÄNGEN SIE EINEN SCREENSHOT AN]

Wenn etwas nicht funktioniert

  • Die Seite zeigt eine Fehlermeldung. Prüfen Sie Ihre Saison-ID und ob die API für Ihre Liga eingeschaltet ist.

  • Die Seite zeigt überhaupt keine Daten. Sagen Sie der KI genau, was Sie sehen. Möglicherweise muss sie ändern, wie die Seite die Daten lädt.

  • Die Seite funktioniert im Vorschaufenster der KI nicht. Viele Vorschauen können keine Daten von anderen Websites abrufen. Speichern Sie die Datei und öffnen Sie sie stattdessen in Ihrem Browser.

  • Die KI sagt, dass sie die Spezifikation nicht lesen kann. Öffnen Sie die Adresse der Spezifikation in Ihrem Browser, markieren Sie alles, kopieren Sie es und fügen Sie es in die KI ein.

Alle Details zum Dienst Get Match Hub finden Sie in der API-Spezifikation.

Hat dies deine Frage beantwortet?