Den „EU AI Act“ auf eine „ChatGPT Site“ inklusive Dokumenten-Chat übertragen
Freie Beitragsnutzung mit einem Unidigital-Zugang
Der „EU AI Act“ ist ein komplexes KI-Regelwerk, das als PDF auf den Seiten der Europäischen Union zum Download bereitsteht. Für eine bessere Übersicht lässt sich das PDF mit einzelnen Kategorien auf eine eigene Webseite übertragen. Dies ermöglicht die Funktion „Sites“ innerhalb von ChatGPT. Eine Anpassung der Seite ist jederzeit möglich.
Auf der linken Seite im Menü werden zuerst die Punkte „Mehr“ und „Sites“ ausgewählt und dann der Button „Site erstellen“ angeklickt, um anschließend eine Webseite mit einer eigenen URL zu erstellen. Über die Upload-Funktion lässt sich das offizielle PDF des „EU AI Act“ hochladen. Es ist empfehlenswert, die englische Version zu verwenden. Zusätzlich wird ein detaillierter Prompt eingefügt, der sich im Vorfeld über Chatbots wie ChatGPT verfassen lässt.
Prompt (detaillierter):
Erstelle mit @Sites eine vollständig funktionsfähige, deutschsprachige Informations- und Wissenssite zum EU AI Act.
Als Wissensgrundlage lade ich eine amtliche PDF-Fassung der Verordnung (EU) 2024/1689 hoch. Verwende ausschließlich dieses Dokument für sämtliche rechtlichen Inhalte, Zusammenfassungen, Fristen, Fundstellen und Chat-Antworten. Nutze keine Informationen aus dem offenen Internet, keine späteren Leitlinien und keine externen Interpretationen.
## Ziel der Site
Die Site soll Unternehmen, Verantwortlichen und interessierten Personen helfen, den EU AI Act strukturiert zu verstehen. Nutzer sollen:
* den Anwendungsbereich prüfen,
* das Risikomodell verstehen,
* ihre Rolle und Pflichten einordnen,
* Fristen und Sanktionen nachvollziehen,
* alle Artikel und Anhänge durchsuchen,
* Fragen in einem dokumentgebundenen Chat stellen können.
Die Site dient nur der Orientierung und muss deutlich darauf hinweisen, dass sie keine Rechtsberatung ersetzt.
## Quellengrundlage
Verarbeite die hochgeladene PDF dauerhaft als alleinige Wissensquelle.
* Extrahiere alle 113 Artikel und 13 Anhänge.
* Speichere Überschrift, Kapitel, Artikelnummer, Seitenangabe und vollständigen Originaltext strukturiert.
* Verknüpfe jede Zusammenfassung und jede Chat-Antwort mit konkreten Fundstellen.
* Stelle die hochgeladene PDF innerhalb der Site zum Öffnen und Herunterladen bereit.
* Die PDF ist auf Englisch. Zeige den amtlichen Originaltext deshalb auf Englisch.
* Erläuterungen und Zusammenfassungen sollen auf Deutsch sein.
* Kennzeichne klar, was deutsche Zusammenfassung und was amtlicher Originaltext ist.
* Vermische keine späteren Rechtsakte, Leitlinien, Standards oder Internetquellen mit dem hochgeladenen Dokument.
## Seitenstruktur
Erstelle echte Unterseiten mit einer gemeinsamen Navigation.
### 1. Überblick
Die Startseite soll direkt verständlich machen, was die Site bietet. Der erste Bildschirm soll enthalten:
* den Titel „EU AI Act Kompass“,
* den Hinweis „Dokumentenbasierte Orientierung“,
* eine kurze Beschreibung der Wissenssite,
* einen gut sichtbaren Einstieg in den Dokumenten-Chat,
* einen zweiten Einstieg in das Risikomodell,
* den aktuellen grundsätzlichen Anwendungsstand auf Basis von Artikel 113,
* Kennzahlen zum Dokument: 113 Artikel, 13 Anhänge und 144 Seiten.
Darunter sollen vier Direkteinstiege erscheinen:
1. Risiko einordnen
2. Rolle und Pflichten klären
3. Fristen verstehen
4. Im Rechtsakt nachlesen
Ergänze einen kompakten Prüfablauf zur Frage „Gilt der AI Act für uns?“:
1. Rolle bestimmen
2. Anwendungsbereich prüfen
3. Verwendungszweck dokumentieren
4. Risikostufe bestimmen
Verweise dabei auf Artikel 2 und die relevanten Begriffsbestimmungen.
### 2. Risikomodell
Erkläre das risikobasierte Regelungssystem in vier Ebenen:
1. Verbotene KI-Praktiken nach Artikel 5
2. Hochrisiko-KI nach Artikel 6 sowie Anhang I und III
3. Besondere Transparenzpflichten nach Artikel 50
4. Sonstige Systeme, bei denen beispielsweise Artikel 4 oder freiwillige Verhaltenskodizes relevant bleiben können
Stelle für jede Ebene dar:
* kurze Einordnung,
* typische Anwendungsfälle,
* rechtliche Konsequenz,
* konkrete Artikel und Anhänge.
Verwende bei der Hochrisiko-Einstufung eine nachvollziehbare Prüfreihenfolge. Formuliere präzise, dass bei einem in Anhang III genannten System die Ausnahme des Artikels 6 Absatz 3 nicht greift, wenn das System Profiling natürlicher Personen durchführt.
Erkläre außerdem die sieben Kernanforderungen für Hochrisiko-KI:
* Artikel 9: Risikomanagement
* Artikel 10: Daten und Daten-Governance
* Artikel 11: technische Dokumentation
* Artikel 12: Protokollierung
* Artikel 13: Transparenz und Informationen für Betreiber
* Artikel 14: menschliche Aufsicht
* Artikel 15: Genauigkeit, Robustheit und Cybersicherheit
### 3. Rollen und Pflichten
Erstelle eine übersichtliche, interaktive Rollenauswahl mit Tabs für:
* Anbieter,
* Betreiber,
* Importeure und Händler,
* Anbieter von GPAI-Modellen.
Zeige pro Rolle:
* Definition und Abgrenzung,
* zentrale Pflichten,
* einschlägige Artikel,
* typische Verantwortlichkeiten.
Behandle insbesondere:
* Anbieterpflichten nach Artikel 16 bis 25,
* Betreiberpflichten nach Artikel 26 und 27,
* Importeur- und Händlerpflichten nach Artikel 23 und 24,
* GPAI-Pflichten nach Artikel 51 bis 55,
* mögliche Verschiebung der Anbieterrolle nach Artikel 25,
* KI-Kompetenz nach Artikel 4.
### 4. Zeitplan und Sanktionen
Erstelle eine visuelle Zeitleiste ausschließlich auf Basis von Artikel 113:
* 1. August 2024: Inkrafttreten,
* 2. Februar 2025: Kapitel I und II,
* 2. August 2025: unter anderem GPAI, Governance und Sanktionen gemäß Artikel 113 Buchstabe b,
* 2. August 2026: grundsätzliche Anwendung,
* 2. August 2027: Artikel 6 Absatz 1 und die damit verbundenen Pflichten.
Formuliere deutlich, dass konkrete Übergangsregeln anderer Artikel zusätzlich geprüft werden müssen.
Stelle die Bußgeldrahmen nach Artikel 99 korrekt dar:
* bis zu 35 Millionen Euro oder 7 Prozent des weltweiten Jahresumsatzes für Verstöße gegen Artikel 5,
* bis zu 15 Millionen Euro oder 3 Prozent für die in Artikel 99 Absatz 4 aufgezählten Pflichtverstöße,
* bis zu 7,5 Millionen Euro oder 1 Prozent für unrichtige, unvollständige oder irreführende Angaben.
Erkläre die besondere Begrenzung für KMU und weise darauf hin, dass die konkrete Sanktion von den Umständen des Einzelfalls abhängt.
### 5. Artikel und Anhänge
Erstelle eine vollständig durchsuchbare Bibliothek mit:
* allen 113 Artikeln,
* allen 13 Anhängen,
* Artikelnummer,
* amtlicher englischer Überschrift,
* Kapitel,
* Seitenangabe,
* vollständigem Originaltext.
Verwende Tabs für „Artikel“ und „Anhänge“.
Die Suche soll funktionieren mit:
* Artikelnummern,
* englischen Begriffen,
* wichtigen deutschen Suchbegriffen über eine deutsch-englische Begriffserweiterung.
Jeder Artikel soll aufklappbar sein. Ergänze einen Link zur entsprechenden Seite im Original-PDF.
### 6. Dokumenten-Chat
Baue einen tatsächlich funktionsfähigen internen Chat. Der Chat darf ausschließlich Inhalte aus der hochgeladenen Verordnung verwenden.
Anforderungen:
* Antworten standardmäßig auf Deutsch.
* Jede inhaltliche Antwort nennt konkrete Artikel.
* Bei freien Fragen werden passende Originalpassagen angezeigt.
* Fundstellen führen zur Artikelbibliothek oder zur entsprechenden PDF-Seite.
* Häufige Themen wie Anwendungsbereich, Hochrisiko-KI, Verbote, Anbieterpflichten, Betreiberpflichten, GPAI, Transparenz, Fristen, KI-Kompetenz und Sanktionen sollen zuverlässig beantwortet werden.
* Direkte Fragen wie „Was steht in Artikel 25?“ müssen den richtigen Artikel öffnen bzw. zusammenfassen.
* Wenn keine ausreichend belastbare Fundstelle existiert, darf der Chat nicht spekulieren.
Verwende in diesem Fall sinngemäß folgende Ablehnung:
„Dazu kann ich aus dem hochgeladenen EU AI Act keine belastbare Antwort ableiten. Ich beantworte nur Fragen, für die sich im Rechtsakt eine konkrete Fundstelle finden lässt.“
Fachfremde Fragen, beispielsweise zu Wetter, Politik oder anderen Gesetzen, müssen ebenfalls abgelehnt werden.
Zeige im Chat sichtbar:
* „Quellen-Lock aktiv“,
* die verwendete Verordnung,
* den Hinweis, dass keine offenen Internetquellen verwendet werden,
* Beispiel-Fragen,
* Ladezustand,
* Fehlerzustand,
* Funktion zum Zurücksetzen des Gesprächs.
Der Chat soll keine Rechtsberatung behaupten und keine individuelle Konformitätsentscheidung treffen.
### 7. Quelle und Methodik
Erstelle eine eigene Seite mit:
* vollständigem Titel der Verordnung,
* Datum des Rechtsakts,
* Veröffentlichungsdatum,
* Sprache,
* Seitenzahl,
* Download des Original-PDFs,
* Erklärung der Dokumentenbindung,
* Erklärung der Trennung zwischen deutscher Zusammenfassung und englischem Original,
* Beschreibung der Arbeitsweise des Chats,
* Hinweis auf die Grenzen der Site.
Stelle ausgewählte Anhänge und ihre Funktion übersichtlich dar, insbesondere Anhang I, III, IV, VIII sowie XI bis XIII.
## Design
Verwende eine seriöse, moderne Gestaltung im Stil eines europäischen regulatorischen Briefing-Raums.
Farbwelt:
* dunkles Marineblau: `#071C3D`
* EU-inspiriertes Blau: `#1646B8`
* Goldgelb als Akzent: `#FFCC33`
* heller Seitenhintergrund: `#F5F8FD`
* weiße Inhaltskarten mit dezenten blaugrauen Rahmen
Typografie:
* gut lesbare System-Sans-Serif-Schrift für Fließtext und Navigation,
* hochwertige Serifenschrift für große Überschriften,
* mindestens 16 Pixel für normalen Fließtext.
Layout:
* einklappbare Seitennavigation auf Desktop,
* mobile Navigation als ausfahrbare Seitenleiste,
* obere Leiste mit Zugriff auf das Original-PDF,
* klare Inhaltsbreiten und großzügige Abstände,
* kompakte Karten und eindeutige visuelle Hierarchie,
* keine dekorativen Stockbilder,
* keine überdimensionierte Marketing-Landingpage,
* keine generischen Dashboard-Platzhalter.
Verwende Icons sparsam und funktional. Die Site muss auf Mobilgeräten und Desktop vollständig nutzbar sein und darf keine horizontalen Überläufe oder abgeschnittenen Inhalte enthalten.
## Barrierefreiheit und Qualität
Achte auf:
* semantisches HTML,
* ausreichende Farbkontraste,
* sichtbare Fokuszustände,
* vollständige Tastaturbedienung,
* verständliche Formularbeschriftungen,
* zugängliche Tabs und Navigation,
* verständliche Lade- und Fehlermeldungen,
* deutsche Seitensprache und Metadaten,
* passenden Seitentitel, Beschreibung und eigenes Favicon.
## Rechtliche Hinweise
Platziere im Footer und auf der Methodikseite einen klaren Hinweis:
„Orientierung anhand des hochgeladenen Rechtsakts – keine Rechtsberatung.“
Mache außerdem deutlich, dass die Site genau die hochgeladene Fassung abbildet und nicht automatisch spätere Änderungen, Leitlinien, Standards oder nationale Regelungen einbezieht.
## Technische Fertigstellung
* Erstelle alle genannten Unterseiten und Funktionen vollständig.
* Stelle sicher, dass der Chat und die Artikelsuche tatsächlich funktionieren.
* Prüfe alle Routen, internen Verknüpfungen, Artikelnummern, PDF-Verweise und statischen Dateien.
* Validiere den Produktions-Build.
* Prüfe den Code auf Fehler und unbenutzte Platzhalter.
* Veröffentliche die fertige Site zunächst privat, sodass nur der Ersteller Zugriff hat.
* Gib nach erfolgreicher Veröffentlichung die Produktions-URL und eine kurze Zusammenfassung der enthaltenen Funktionen aus.
Im Anschluss startet das OpenAI-interne Tool Codex den Programmiervorgang im Vibe-Coding-Stil. Der Entwicklungsprozess kann einige Minuten dauern, bis die fertige Site getestet werden kann. Die untere Abbildung zeigt die Startoberfläche der Seite „EU AI Act Kompass“. Im Menü links lassen sich sieben Kategorien durchklicken, um mehr Informationen zum KI-Regelwerk, wie etwa den „Rollen & Pflichten“, einzuholen. Alle bereitgestellten Informationen basieren ausschließlich auf dem offiziellen Dokument der Europäischen Union.
Die einzelnen Kategorien können je nach Themengebiet durchgeklickt werden, um zum Beispiel Näheres rund um die Risikoklassen und die Hochrisiko-KIs zu erfahren. Die Seite funktioniert im Prinzip genau wie eine normale Webseite, aber sie ist ausschließlich über einen ChatGPT‑Login einsehbar. Das Hosting übernimmt OpenAI. Es benötigt somit keinen externen Hoster und keinen kostenpflichtigen Server.
Eine ganz zentrale Funktion des „EU AI Act Kompass“ ist der Dokumenten-Chat, über den ich Auskünfte zu den einzelnen Themenbereichen und den Artikeln im PDF erhalte. Eine Seite kann somit als gewöhnliche Webseite mit angeschlossenem KI‑Chat genutzt werden, der bevorzugt Antworten basierend auf einem Dokument wie einem PDF ausgibt.
Im Beispiel habe ich über die Starter Question „Welche Pflichten hat ein Betreiber?“ gezielte Informationen mit dem Hinweis auf Artikel 26 und 27 bekommen. Klicke ich unterhalb auf die Felder Art. 26 und Art. 27, so werde ich direkt weiter auf das offizielle PDF verlinkt, das in der Seite über die Kategorie „Artikel & Anhänge“ integriert ist. Hier lässt sich nach den empfohlenen Artikeln suchen, um diese vollständig einzusehen.
Nachdem ich die einzelnen Artikel runtergescrollt habe, wird der Artikel 26 über ein Akkordeon geöffnet. Hier kann ich den enthaltenen Text dazu lesen und überprüfen, ob alle Angaben aus dem Dokumenten-Chat mit ChatGPT korrekt wiedergegeben wurden. Aus meinen Erfahrungen macht es immer Sinn, bei einer Wissensgrundlage wie einem PDF diese auch unkompliziert einsehen zu können.
Unterhalb jedes Textes ist zudem eine interne Verlinkung auf die jeweilige Seite im offiziellen PDF verfügbar. Klicke ich dort drauf, so gelange ich direkt zu der gewünschten Seite im Dokument. Häufig sind es „Kleinigkeiten“ innerhalb von KI-generierten Anwendungen wie einer Webseite oder einer App, die ein einfacheres Handling ermöglichen. Solche Features können problemlos nachträglich über Folgeprompts hinzugefügt werden. Bei meiner Seite „EU AI Act Kompass“ war die Funktion schon zu Beginn integriert. Vielen Dank, ChatGPT 😉
