44 lines
No EOL
2.3 KiB
Markdown
44 lines
No EOL
2.3 KiB
Markdown
### ✅ **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:
|
|
>
|
|
> 1. **Klarer visueller Aufbau**: Einfache, klare Liste mit Nummerierung oder Symbolen (z. B. ✅, ⚠️, 🎯).
|
|
>
|
|
> 2. **Farbliche Unterstützung**: Nutze **pastellige oder beruhigende Farben** (z. B. Lavendel, Blau, Gelb, Lila) für die verschiedenen Status (erledigt, in Bearbeitung, nicht begonnen).
|
|
>
|
|
> 3. **Interaktivität**: Mögliche Option, den Status der Aufgaben zu aktualisieren (z. B. von „in Bearbeitung“ zu „erledigt“).
|
|
>
|
|
> 4. **Flexibilität**: Mögliche Option, Aufgaben zu hinzufügen, zu löschen oder zu verschieben.
|
|
>
|
|
> 5. **Erinnerungen**: Ein **Timer oder Erinnerung** für jede Aufgabe.
|
|
>
|
|
> 6. **Zielorientierte Darstellung**: Zeige den Fortschritt in Form eines **Kreises oder Balkens**, um den Überblick zu behalten.
|
|
>
|
|
> 7. **Dark Mode**: Option, den Hintergrund auf **Dark Mode** zu wechseln, um Stress zu reduzieren.
|
|
>
|
|
> 8. **Responsive Design**: Die Liste sollte auf allen Bildschirmgrößen gut funktionieren.
|
|
>
|
|
> 9. **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." |