create a drag-and-drop experience using UniApp

Prompt für eine UniApp-Komponente mit Drag-and-Drop-Waschmaschinen-Animation, Sound und Tages-Statistik.

Der Prompt

I want to create a drag-and-drop experience using UniApp, where cards can be dropped into a washing machine for cleaning. It should include drag-and-drop feedback, background bubble animations, gurgling sound effects, and a washing machine animation.
1. Play the “gulp-gulp” sound.
2. The card gradually fades away. 12.
3. A pop-up message reads, “Clean!”.
4. Bottom update: “Cleaned X items today” statistics.

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

Ein App-Entwicklungs-Prompt für eine spielerische UniApp-Komponente (Cross-Platform-Framework, u. a. für WeChat-Mini-Programme), bei der Karten per Drag-and-Drop in eine animierte Waschmaschine gezogen werden. Der Prompt liefert konkrete UX-Details statt vager Wünsche: Sound-Feedback beim Ablegen, Blasen-Animation im Hintergrund, Ausblend-Effekt der Karte und eine Erfolgsmeldung samt Tages-Statistik-Zähler. Nützlich für Entwickler von Gamification-Features oder verspielten Aufräum-/Lern-Apps, die haptisches Feedback brauchen. Da explizit UniApp genannt wird, passt er vor allem für Teams im Cross-Platform- bzw. Mini-Programm-Ökosystem – für reine Web-Apps müssten Drag-and-Drop- und Audio-APIs entsprechend angepasst werden.

Praxis-Tipp

Ergänze, welche Drag-and-Drop-Mechanik (native Touch-Events vs. Drittanbieter-Library) und welches Soundformat verwendet werden soll, um Implementierungslücken zu vermeiden.

Lizenz & Quelle

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

Lade …