Complex Prompts in Web Development
Function Description Example Prompts
Echtzeit-Datenvisualisierung und -analyse Development of applications that process, analyze, and visualize large streams of data in real-time, often using Big Data technologies, Websockets, and advanced visualization tools. Create a real-time traffic analysis dashboard with data stream processing.
Responsive Webdesign Automatische Generierung von HTML und CSS, die auf verschiedene Bildschirmgrößen und Geräte angepasst sind. "Erstelle eine responsive Webseite, die auf Mobilgeräten gut aussieht."
Dynamische Benutzeroberflächen Entwicklung von interaktiven Benutzeroberflächen mit JavaScript und Frameworks wie React oder Vue.js, die auf Benutzerinteraktionen reagieren und Inhalte dynamisch aktualisieren. "Programmiere eine Single-Page-Application, die Live-Daten anzeigt."
Progressive Web Apps (PWAs) Erstellung von Webanwendungen, die sich wie native Apps verhalten, mit Offline-Funktionen und Push-Benachrichtigungen. "Entwickle eine Progressive Web App für ein E-Commerce-Storefront."
Animationen und Transitions Generierung von CSS- oder JavaScript-Code für ansprechende Animationen und Übergangseffekte auf Webseiten. "Füge sanfte Übergangsanimationen zu den Navigationslinks hinzu."
Chatbot-Integration Entwicklung von interaktiven Chatbots unter Verwendung von HTML, CSS und JavaScript, die KI-Dienste wie GPT oder andere APIs nutzen, um Fragen zu beantworten oder Aufgaben auszuführen. "Erstelle einen Chatbot, der Nutzerfragen auf einer Firmenwebsite beantwortet."
Zugänglichkeitsfunktionen Implementierung von Webzugänglichkeitsfunktionen (Accessibility Features), um sicherzustellen, dass Webseiten für alle Benutzer zugänglich sind, einschließlich derjenigen mit Behinderungen. "Mache die Webseite barrierefrei nach den WCAG-Richtlinien."
Echtzeit-Webanwendungen Entwicklung von Echtzeit-Webanwendungen unter Verwendung von WebSockets oder ähnlichen Technologien für Live-Kommunikationsfunktionen. "Setze eine Echtzeit-Chatfunktion mit WebSockets um."
KI-gesteuerte Benutzererfahrung Integration von KI-Algorithmen zur Verbesserung der Benutzererfahrung, z. B. durch personalisierte Inhalte, Produktempfehlungen oder automatisierte Kundenunterstützung. "Implementiere eine KI, die Nutzerverhalten analysiert und Inhalte anpasst."
SEO-optimierte Entwicklung Erstellung von HTML-Strukturen und Metadaten, die für Suchmaschinen optimiert sind, um die Sichtbarkeit und das Ranking der Website zu verbessern. "Optimiere die Webseite für SEO mit richtigen HTML5-Tags."
Single Page Applications (SPAs) Entwicklung von Single Page Applications, die komplexe Benutzerinteraktionen auf einer einzigen Seite ohne Seitenwechsel ermöglichen, wobei moderne Frameworks wie Angular, React oder Vue.js verwendet werden. "Erstelle eine SPA für ein Online-Dashboard, das Echtzeitdaten anzeigt."
Websockets und Echtzeitkommunikation Implementierung von Echtzeitkommunikation zwischen Clients und Servern mittels Websockets, um eine kontinuierliche Datenübertragung wie in Chat-Anwendungen oder Live-Sport-Updates zu ermöglichen. "Programmiere eine Live-Sportergebnis-Webseite mit Websockets."
Microfrontend-Architektur Entwicklung von Microfrontends, die es ermöglichen, verschiedene Teile einer Webseite oder Webanwendung unabhängig voneinander zu entwickeln, bereitzustellen und zu skalieren. "Implementiere eine Microfrontend-Architektur für ein großes E-Commerce-Portal."
Server-Side Rendering (SSR) Implementierung von Server-Side Rendering, um Webseiten auf dem Server vorzurendern, was die Ladezeiten verkürzt und die Suchmaschinenoptimierung verbessert. "Setze SSR mit Next.js für eine produktorientierte Webseite um."
Progressive Enhancement und Graceful Degradation Entwicklung von Webseiten, die grundlegende Funktionalitäten auf älteren Browsern oder Geräten bieten und erweiterte Funktionen auf modernen Geräten hinzufügen, ohne die Basisfunktionalität zu beeinträchtigen. "Entwirf eine Webseite, die sowohl auf alten als auch auf neuesten Geräten optimal funktioniert."
KI-basierte Bild- und Spracherkennung Integration von KI-Diensten zur Verarbeitung und Analyse von Bild- und Sprachdaten direkt in Webanwendungen, z. B. zur Erstellung interaktiver KI-Assistenten oder zur Bilderkennung auf Plattformen für soziale Medien. "Integriere eine Bilderkennungs-KI in eine Social-Media-Plattform."
Blockchain-basierte Transaktionssysteme Erstellung von Webanwendungen, die Blockchain-Technologie für sichere Transaktionen nutzen, einschließlich Smart Contracts und Kryptowährungszahlungen, aber auch für nicht-finanzielle Anwendungen. "Entwickle ein dezentralisiertes Wahlsystem auf Basis von Ethereum."
Künstliche Intelligenz für prädiktive Analysen Integration von KI-Modellen direkt in Webanwendungen zur Durchführung prädiktiver Analysen, wie z.B. Vorhersage von Kundenverhalten oder Wartungsbedarf in industriellen Anwendungen. "Implementiere ein KI-System zur Vorhersage von Wartungsanforderungen in einer Produktionsanlage."
Autonome Interaktionsbots Entwicklung von fortgeschrittenen Chatbots oder virtuellen Assistenten, die autonom agieren können, komplexe Aufgaben verstehen und ausführen sowie aus Interaktionen lernen, um ihre Antworten zu verbessern. "Erstelle einen autonomen Kundenbetreuungsbot, der Support-Tickets basierend auf früheren Interaktionen bearbeitet."
Umfassende API-Gateways Erstellung von komplexen API-Gateway-Lösungen, die Routing, Authentifizierung, Rate Limiting, und Service Mesh Integrationen in großen Microservices-Architekturen managen. "Entwickle ein API-Gateway, das verschiedene Microservices für eine große E-Commerce-Plattform verbindet."
Adaptive Benutzererfahrung Entwicklung von Webanwendungen, die maschinelles Lernen nutzen, um die Benutzeroberfläche und -erfahrung dynamisch an das Verhalten und die Präferenzen des Nutzers anzupassen. "Implementiere eine adaptive Benutzeroberfläche, die sich an das Nutzerverhalten anpasst, um die Usability zu verbessern."
Vollständig integrierte IoT-Systeme Integration von IoT-Geräten mit Webanwendungen zur Überwachung und Steuerung in Echtzeit, einschließlich der Verwendung von KI zur Analyse und Optimierung von IoT-Gerätedaten. "Erstelle eine Webanwendung, die eine Flotte von IoT-gesteuerten Lagerrobotern in Echtzeit steuert."
Multi-Tenancy-Webarchitekturen Erstellung von hoch skalierbaren Webanwendungen, die Multi-Tenancy unterstützen, wodurch mehrere Kunden auf einer einzigen Instanz der Anwendung mit datengetrennten Ansichten operieren können. "Entwickle eine SaaS-Plattform, die Multi-Tenancy für unterschiedliche Kunden sicher unterstützt."
Erweiterte Cybersecurity-Integrationen Implementierung fortschrittlicher Sicherheitsmaßnahmen wie Intrusion Detection Systeme, automatisierte Bedrohungsanalyse und -reaktion sowie End-to-End-Verschlüsselung in Webanwendungen. "Implementiere ein umfassendes Sicherheitssystem für eine Finanz-Webanwendung, das Echtzeit-Bedrohungserkennung bietet."
Fortgeschrittene Suchmaschinen Entwicklung von hochentwickelten Suchmaschinen innerhalb von Webanwendungen, die Natural Language Processing und KI verwenden, um genaue und kontextbezogene Suchergebnisse zu liefern. "Erstelle eine intelligente Suchmaschine für eine medizinische Forschungsdatenbank, die auf natürliche Sprachanfragen reagiert."
Content Delivery Networks (CDNs) Verwendung von CDNs zur Beschleunigung der Inhaltsauslieferung durch geografische Verteilung von Servern, was die Ladezeiten weltweit verbessert und die Benutzererfahrung steigert. "Implementiere ein CDN für eine global verfügbare Medien-Streaming-Plattform."
Advanced Analytics Tracking Integration fortgeschrittener Analysetools zur detaillierten Nachverfolgung des Nutzerverhaltens und zur Optimierung der Marketingstrategien basierend auf datengetriebenen Erkenntnissen. "Setze erweiterte Tracking-Mechanismen ein, um die Effektivität von Marketingkampagnen zu analysieren."
Personalisierung und Segmentierung Entwicklung von Systemen zur Personalisierung der Benutzererfahrung auf der Grundlage von Nutzerdaten und -vorlieben, einschließlich dynamischer Inhaltsanpassung und zielgerichteter Werbung. "Erstelle personalisierte Benutzererlebnisse für eine E-Commerce-Site, die auf dem bisherigen Surfverhalten basieren."
Conversion Rate Optimization (CRO) Anwendung von CRO-Techniken zur Steigerung der Effektivität von Webseiten bei der Umwandlung von Besuchern in Kunden, einschließlich A/B-Tests und Benutzererfahrungsbewertungen. "Führe A/B-Tests durch, um die Konversionsraten für eine Landingpage zu verbessern."
Mobile-First Design Priorisierung der Entwicklung für mobile Geräte, um sicherzustellen, dass Webanwendungen auf Smartphones und Tablets optimal funktionieren, was die Reichweite und Zugänglichkeit verbessert. "Entwerfe eine mobile-first Benutzeroberfläche für eine Finanzdienstleistungs-App."
Automatisiertes Marketing Implementierung von automatisierten Marketing-Systemen, die auf Nutzerverhalten und -daten reagieren, um personalisierte E-Mails, Benachrichtigungen und Angebote zu senden. "Setze ein automatisiertes E-Mail-Marketing-System auf, das auf Nutzeraktivitäten auf der Website reagiert."
Social Media Integration Nahtlose Integration von Social Media-Funktionalitäten, die es Benutzern ermöglichen, Inhalte zu teilen, zu kommentieren und in sozialen Netzwerken interaktiv zu sein, direkt über die Webseite. "Implementiere Social-Media-Sharing-Buttons und interaktive Features auf Produktseiten."
Progressive Web Apps für Offline-Nutzung Entwicklung von PWAs, die offline nutzbar sind, was die Benutzerbindung erhöht, indem Nutzern auch ohne Internetverbindung eine funktionsfähige Anwendung zur Verfügung steht. "Erstelle eine Offline-fähige News-App als Progressive Web App."
Voice Search Optimization Optimierung von Webinhalten für Sprachsuchanfragen, um die Sichtbarkeit in sprachgesteuerten Suchmaschinen zu verbessern und eine moderne Zugänglichkeit zu gewährleisten. "Optimiere eine Rezept-Website für Sprachsuchanfragen."
Künstliche Intelligenz für verbessertes SEO Einsatz von KI-Technologien zur Analyse und Automatisierung von SEO-Strategien, die die Platzierung der Webseite in Suchmaschinen verbessern und den organischen Traffic steigern. "Entwickle ein KI-gestütztes Tool zur Identifizierung von SEO-Verbesserungspotenzialen."
Online-Marktplatz Entwicklung einer Plattform, die es Benutzern ermöglicht, Produkte oder Dienstleistungen online zu kaufen und zu verkaufen. Integration von Zahlungsgateways und Benutzerbewertungssystemen. "Baue einen Online-Marktplatz für handgemachte Kunstwerke."
Abonnement-basierte Kursplattform Erstellung einer Bildungsplattform, auf der Nutzer Kurse kaufen oder abonnieren können. Kurse könnten Videos, Tutorials und interaktive Inhalte umfassen. "Entwickle eine abonnement-basierte Plattform für Online-Kochkurse."
Freelancer-Netzwerk Entwicklung einer Plattform, die Freelancer mit potenziellen Kunden verbindet. Die Plattform könnte Profile, Portfolios und ein sicheres Zahlungssystem enthalten. "Erstelle ein Netzwerk, das Grafikdesigner und Startups verbindet."
Reservierungssystem für Veranstaltungen Entwicklung eines Online-Reservierungssystems für Veranstaltungen wie Konzerte, Theateraufführungen oder Sportveranstaltungen mit Ticketverkaufsfunktion. "Baue ein Ticketreservierungssystem für lokale Musikveranstaltungen."
On-Demand-Lieferservice Entwicklung einer App für On-Demand-Lieferdienste, die lokale Restaurants, Supermärkte oder Geschäfte mit Kunden verbindet, die schnelle Lieferungen wünschen. "Programmiere eine On-Demand-Lebensmittelliefer-App für deine Stadt."
To-Do-Liste Entwicklung einer einfachen interaktiven To-Do-Liste, die es Benutzern ermöglicht, Aufgaben hinzuzufügen, zu löschen und als erledigt zu markieren. "Baue eine einfache To-Do-List-App mit HTML, CSS und JavaScript."
Einfacher Blog Erstellung einer einfachen Blog-Seite, die es Benutzern ermöglicht, Beiträge zu lesen und nach Kategorien zu filtern. "Entwickle einen einfachen statischen Blog mit Beitragsseiten, die in HTML geschrieben sind."
Wetter-App Entwicklung einer Wetter-App, die aktuelle Wetterdaten von einer öffentlichen API bezieht und anzeigt. "Erstelle eine Wetter-App, die das aktuelle Wetter und die Wettervorhersage zeigt, indem du eine öffentliche Wetter-API verwendest."
Kalorienzähler Entwicklung einer App, die Benutzern hilft, ihre tägliche Kalorienaufnahme zu verfolgen, indem sie Nahrungsmittel und deren Kalorienwerte eingeben können. "Baue eine einfache Kalorienzähl-App, die Benutzerdaten lokal speichert."
Rechner Entwicklung einer einfachen Rechner-App, die Grundrechenarten unterstützt. "Programmiere einen einfachen Rechner, der Addition, Subtraktion, Multiplikation und Division ermöglicht."
Quiz-App Erstellung einer Quiz-App, die Benutzern multiple-choice Fragen stellt und am Ende die Punktzahl anzeigt. "Entwickle eine Quiz-App mit Fragen zu allgemeinem Wissen."
Digitale Uhr Erstellung einer digitalen Uhr, die die aktuelle Zeit anzeigt und die Möglichkeit bietet, zwischen verschiedenen Zeitformaten zu wechseln. "Baue eine digitale Uhr, die die Zeit im 12- und 24-Stunden-Format anzeigt."
Event Countdown-Timer Entwicklung eines Countdown-Timers, der die verbleibende Zeit bis zu einem bestimmten Ereignis (z.B. Neujahr, Geburtstag) anzeigt. "Erstelle einen Countdown-Timer für das nächste Neujahr."
Einfache Fotogalerie Erstellung einer Fotogalerie, die es Benutzern ermöglicht, durch eine Sammlung von Bildern zu blättern. "Programmiere eine einfache Fotogalerie mit einer Lightbox-Ansicht."
Persönliche Portfolio-Website Erstellung einer persönlichen Portfolio-Website, um eigene Projekte, Fähigkeiten und Kontaktdaten zu präsentieren. "Entwickle eine persönliche Portfolio-Website, die deine Projekte und beruflichen Fähigkeiten zeigt."