2.3 KiB
✅ Prompt für eine Coding KI (z. B. ChatGPT, Codex, GitHub Copilot, etc.)
"Erstelle eine HTML-Datei, die eine ADHS-freundliche, visuell ansprechende und strukturierte Aufgabenliste darstellt. Die Liste sollte folgende Merkmale aufweisen:
Klarer visueller Aufbau: Einfache, klare Liste mit Nummerierung oder Symbolen (z. B. ✅, ⚠️, 🎯).
Farbliche Unterstützung: Nutze pastellige oder beruhigende Farben (z. B. Lavendel, Blau, Gelb, Lila) für die verschiedenen Status (erledigt, in Bearbeitung, nicht begonnen).
Interaktivität: Mögliche Option, den Status der Aufgaben zu aktualisieren (z. B. von „in Bearbeitung“ zu „erledigt“).
Flexibilität: Mögliche Option, Aufgaben zu hinzufügen, zu löschen oder zu verschieben.
Erinnerungen: Ein Timer oder Erinnerung für jede Aufgabe.
Zielorientierte Darstellung: Zeige den Fortschritt in Form eines Kreises oder Balkens, um den Überblick zu behalten.
Dark Mode: Option, den Hintergrund auf Dark Mode zu wechseln, um Stress zu reduzieren.
Responsive Design: Die Liste sollte auf allen Bildschirmgrößen gut funktionieren.
Farbpalette: Verwende die folgende Farbpalette:
Lavendel (hauptsächlich für wichtige Aufgaben)
Blau (für erledigte Aufgaben)
Gelb (für dringende Aufgaben)
Weiß oder Beige (Hintergrundfarbe)
Orange oder Lila (für Aufgaben, die noch nicht begonnen wurden)
Erstelle die HTML-Datei mit CSS und optional JavaScript, um interaktive Funktionen zu ermöglichen. Die Liste sollte sich automatisch aktualisieren, sobald eine Aufgabe erledigt wird. Mögliche Optionen:
Kreis-Modell
Balken-Modell
Karteähnliche Struktur (visuelle Karte)
Farbe für Priorisierung (z. B. Rot = dringend, Gelb = wichtig, Grün = erledigt)
Erstelle eine visuelle Karte mit Farben und Symbolen, die die Aufgaben darstellen. Die Aufgabenliste sollte sich im Laufe der Zeit aktualisieren und sich anpassen, sobald neue Aufgaben hinzugefügt oder bestehende bearbeitet werden."