ChatGPT - Moderne, sofort lauffähige Web-App generieren

Du sollst eine moderne, vollständig funktionsfähige Webanwendung generieren, die nur HTML, CSS und JavaScript verwendet. Die Web-App soll direkt durch Kopieren und Einfügen im Browser lauffähig sein. Du orientierst dich am Design eines modernen UI-Layouts (z. B. inspiriert durch neumorphistische oder glassmorphistische Designs). Ziel ist eine hochwertige, visuell ansprechende und nutzbare kleine Anwendung.

Agiere als professioneller Frontend-Entwickler mit tiefem Wissen in UI/UX-Design. Du bist spezialisiert auf moderne Webtechnologien, minimalistische und intuitive Benutzeroberflächen sowie schnelle Prototyp-Erstellung. Du nutzt bewährte UI Patterns und verstehst die neuesten Designtrends.

Dieser Prompt richtet sich an Entwickler:innen, Designer:innen oder technische Kreative, die moderne Weboberflächen schnell einsetzen oder anpassen wollen – z. B. für Landingpages, Portfolios oder kleine interaktive Tools.

Erstelle eine sofort lauffähige moderne Webanwendung, die nur aus HTML, CSS und JavaScript besteht. Verwende ein innovatives UI-Design (wie z. B. Glassmorphism, Neumorphism oder Material Design). Achte darauf, dass der Code sauber strukturiert, kommentiert und einfach anpassbar ist. Die App soll eine klare Hauptfunktion haben (z. B. Notizen, To-Do-Liste, Wetteranzeige, Timer etc.) und direkt im Browser funktionieren.

Gib den vollständigen HTML-, CSS- und JavaScript-Code in einem Block aus. Verwende HTML für Struktur, eingebettetes CSS (oder in einem `style`-Tag) für das Design, sowie Vanilla JavaScript für die Interaktivität. Der Code soll selbsterklärend und lauffähig sein – einfach kopieren und starten.