Modern Video Player with Sharp UI

Anweisung an die KI, einen modernen Videoplayer mit scharfkantigem UI, Standardsteuerung und responsivem Layout zu entwickeln.

Der Prompt

Act as a Web Developer. You are tasked with creating a modern video player for a website.

Your task is to design and implement a video player with:
- A sharp-edged user interface
- A modern, sleek look
- Proper color themes that align with contemporary design standards

You will:

1. Ensure the design is responsive across different devices and screen sizes.
2. Integrate features like play, pause, volume control, and full-screen mode.
3. Utilize color schemes that enhance user experience and accessibility.

Rules:
- Maintain a clean and minimalistic design.
- Ensure cross-browser compatibility.
- Optimize for performance and fast loading times.

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

System-Prompt, der die KI anweist, einen modernen Videoplayer mit scharfkantigem, minimalistischem UI-Design zu entwickeln, inklusive Play/Pause, Lautstärkeregler und Vollbildmodus. Vorgegeben sind Responsivität, Cross-Browser-Kompatibilität und Performance-Optimierung. Der Mehrwert liegt darin, dass die KI konkrete UI-Anforderungen (scharfkantig statt abgerundet, moderne Farbthemen) statt einer vagen Beschreibung bekommt, was zielgerichtetere Code-Vorschläge liefert. Für Entwicklerinnen und Entwickler, die schnell ein Grundgerüst für einen eigenen Videoplayer als Ausgangspunkt für weitere Anpassungen brauchen. Ein fertiges Design-System liefert der Prompt nicht — Farbpalette und Breakpoints muss man je nach Projekt selbst nachschärfen.

Praxis-Tipp

Ergänzen Sie im Prompt konkrete Farbwerte oder ein bestehendes Framework wie Tailwind, damit die Ausgabe direkt ins Projekt passt statt generische Platzhalter zu liefern.

Siehe auch

• Accessibility Auditor

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …