KI-Skill / Gestalten und umsetzen
CRUD-Applikation erstellen
Erstellt ausdrücklich gewählte CRUD-Anwendungen mit React, Shadcn Admin Kit und standardmässig Spring Boot. Spezifische Web-GUIs bleiben in ihrer Gestaltung frei.
Leitlinien
Convention over Configuration: Wir übernehmen bewährte Konventionen und beschreiben ausdrücklich, was davon abweicht. So bleibt der GUI-Code schlank und gut lesbar.
Konvention vor Konfiguration / Wikipedia ↗
Deklarative Programmierung: Wir beschreiben im Frontend Listen und Formulare; das Framework übernimmt die wiederkehrenden technischen Abläufe.
React-admin / Deklarative Programmierung ↗
Dasselbe Prinzip nutzen wir im Spring-Backend: Annotationen beschreiben Endpunkte und die Bindung von Eingaben und Antworten.
Spring Framework / Annotierte Controller ↗
Der funktionale Kern ra-core kann mit unterschiedlichen Oberflächen verbunden werden.
React-admin / Architektur ↗
Shadcn Admin Kit stellt fertige Verwaltungsbausteine für React bereit.
Shadcn Admin Kit / Installation ↗
shadcn/ui liefert die anpassbaren UI-Bausteine für unsere Oberfläche.
shadcn/ui / Einführung ↗
Spring Boot nutzt Auto-Konfiguration und Annotationen wie @SpringBootApplication, um die Einrichtung der Anwendung zu vereinfachen.
Spring Boot / Auto-Konfiguration ↗
Warum das wichtig ist
Die erste Grundlage für unsere Wahl ist Convention over Configuration. Dazu kommt deklarative Programmierung: Wir beschreiben die zu verwaltenden Daten, Tabellenspalten und Eingabefelder, während das Framework die wiederkehrenden Abläufe übernimmt. So entsteht weniger GUI-Code, der gut lesbar bleibt. Besonders passt das zu Greenfield-Projekten, in denen wir die Freiheit haben, von Anfang an mit diesen Konventionen zu arbeiten. CRUD eignet sich für Inventar, Kontakte, Kataloge und Stammdaten: klar benannte Datensätze werden aufgelistet, angelegt, geändert und gelöscht. Gemeinsame Konventionen sparen eigene Ablaufsteuerung. Eine Datenbank allein macht eine Anwendung aber nicht zur CRUD-Anwendung. Geführte Eingaben, grafische Editoren und komplexe Freigaben brauchen eine auf ihre Nutzeraufgabe zugeschnittene Oberfläche. Auch ein gemischter Ansatz ist möglich.
So setzt der Skill diese Leitlinien um
Wir entscheiden zuerst, ob CRUD zur Anwendung passt: Geht es hauptsächlich darum, Daten anzuzeigen, hinzuzufügen, zu bearbeiten und zu löschen? Dann verwenden wir Shadcn Admin Kit mit React und Tailwind. Der zugrunde liegende React-admin-Kern übernimmt wiederkehrende Abläufe wie Laden, Speichern und Filtern. Für das Backend verwenden wir Spring Boot, sofern nichts anderes vereinbart ist. Die beiden Frameworks passen konzeptionell gut zusammen: Beide nutzen Konventionen und deklarative Programmierung, um wiederkehrende Arbeit zu reduzieren. Im Frontend beschreiben wir Listen und Formulare mit Komponenten. Im Spring-Backend ordnen Annotationen wie @GetMapping HTTP-Anfragen den passenden Methoden zu. Das Framework übernimmt die technische Verarbeitung; unsere Methoden enthalten die fachliche Logik. Spring Boot ergänzt dies durch Auto-Konfiguration. Benötigt die Anwendung spezielle Eingaben oder Abläufe, wählen wir dafür eine passende individuelle Oberfläche.
- Steht das Anzeigen, Hinzufügen, Bearbeiten und Löschen von Daten im Mittelpunkt?
- Können wir die Konventionen des Frameworks übernehmen?
- Welche Eingaben oder Abläufe brauchen eine individuelle Lösung?
Im Projekt anwenden
Die führende Quelle liegt in digiestate-skills. Der Skill kann unter ~/.agents/skills/crud-applikation-erstellen eingebunden werden. Aufruf: $crud-applikation-erstellen
Natürlicher Aufruf: Ich möchte eine CRUD-Applikation bauen. Allgemeine Web-GUIs oder spezifische Eingabeabläufe aktivieren dieses Profil nicht automatisch.
Dokumentation und Übergabe
Wir halten fest, ob und für welche Teile der Anwendung wir CRUD verwenden. Bei dieser Wahl dokumentieren wir die zu verwaltenden Daten, die benötigten Ansichten und die erlaubten Aktionen. Daraus entsteht eine Anwendung mit gut lesbarem GUI-Code und einheitlicher Bedienung.