Ich habe an einem Nachmittag ausprobiert, ob ich (als Nicht-Programmiererin) mithilfe von KI ein Statistik-Dashboard für einen Shop bauen kann, eins, das zeigt, wie sich zum Beispiel die Abo-Zahlen entwickeln. Wie es lief, seht ihr im Video. Ein paar ergänzende Worte dazu gibt es hier.
Worum geht es?
Euer Shop zählt viele Dinge bereits mit. Zum Beispiel ein neues Abo oder eine stornierte Bestellung o.Ä. wird als Ereignis (bzw. Event) erfasst und lässt sich über eine API abrufen, also über eine Schnittstelle, über die Programme Daten abfragen können.
Was bisher fehlt, ist der bequeme Blick auf die Zahlen: Wie lief die Woche im Vergleich zur letzten? Wächst der Abo-Bestand eigentlich, oder schrumpft er? Wer das wissen will, muss sich die Werte einzeln zusammensuchen, z.B. auch per Auswertung im PCG.
Klar könnt ihr dafür auch ein fertiges Auswertungsprogramm kaufen oder einen Wunsch ans Entwicklungsteam schicken. Aber ihr könntet es auch von einer KI bauen lassen. Dafür braucht ihr eigentlich nur die API-Dokumentation und eine gute Beschreibung von dem, was ihr am Ende sehen wollt.
Wie fange ich an?
Das braucht ihr, um es nachzumachen:
- Den Link zur API-Dokumentation, also zur Beschreibung, welche Daten sich wie abfragen lassen.
- Eine Liste der Ereignis-Typen, die der Shop zählt, zum Beispiel „neues Abo“ oder „Bestellung storniert“. Die könnt ihr euch als Admin im Chat vom Esst-Bio Shop Buddy geben lassen, in ChatGPT, Claude oder Le Chat. Eine Frage wie „Ich möchte die Abo-Entwicklung visualisieren, welche Event-Typen passen dazu?“ reicht schon.
- Eine KI eurer Wahl, die eure Beschreibungen umsetzt. Ich habe mich hier für Claude Code entschieden.
- Eine Fragestellung und Beschreibung von dem, was ihr später sehen und wie ihr es bedienen wollt. Am einfachsten lasst ihr euch dafür von der KI interviewen und stellt Rückfragen, wo ihr unsicher seid. Nehmt euch für diesen Schritt ruhig Zeit, weil alles, was hier geklärt wird, hinterher nicht mehr geradegebogen werden muss.
Wie es lief
Nach ungefähr einer Stunde war die erste Version fertig. Eine einzige HTML-Datei, im Grunde eine kleine Webseite, die nur auf dem eigenen Rechner liegt und ohne Installation im Browser läuft. Anmelden mit dem Admin-Konto, Daten abrufen, ein Diagramm anzeigen, kurz: die erste Version lief erstmal.
Danach ging das Wunschkonzert los, also Beschriftung umschreiben, drei Mal die Farben ändern (auch das könnte man übrigens am Anfang vorgeben!) und Datum anders anzeigen. Den Code selbst hat Claude Code meinen Anweisungen entsprechend alleine geschrieben.
Was ist herausgekommen?
Am Ende liegt da eine einzelne Datei auf dem Rechner. Sie zeigt für die letzten Wochen, wie viele Abos dazugekommen und beendet worden sind und wie sich der Gesamtbestand dabei entwickelt hat. Bei euch sind vielleicht ganz andere Zahlen spannend, wie Neukunden, oder die Bestellungen pro Liefertag. Der Weg dahin und die Voraussetzungen bleiben aber dieselben.
Programmiert habe ich an diesem Nachmittag keine einzige Zeile. Die eigentliche Arbeit war, vorher zu überlegen, was das Ding können soll, und das geduldig zu beschreiben. Wer programmieren kann, ist wahrscheinlich trotzdem im Vorteil, spätestens wenn das Projekt größer wird 😉
Falls ihr es ausprobiert, erzählt mal, ob es geklappt hat (und auch wenn nicht).
