create a drag-and-drop experience using UniApp — prompt for Claude
A prompt that describes a drag-and-drop scene where cards are dropped into a washing machine, with sound, animation and a cleaned-items counter.
Open on GitHubWhat create a drag-and-drop experience using UniApp does
This is a ready-made task description for generating UniApp code. You hand the agent a scenario: the user drags a card and drops it into a washing machine, the machine runs, the card disappears. The prompt lists what the result should include — drag feedback, background bubble animations, a gurgling sound and a washing machine animation.
Then come the steps. The sound plays first, the card fades out, a pop-up reads "Clean!", and the bottom line updates with a "Cleaned X items today" statistic. That order is worth keeping as the backbone of the scene, because it sets the timing of events rather than just the look.
The prompt is short and says nothing about project structure, so the agent decides on its own how components are organised and where the counter data comes from. If you need a specific stack or existing markup, add that to your request before sending it.
What it helps with
- build a card drag-and-drop scene in UniApp
- add sound and animation when a card is dropped
- show a pop-up message once the action finishes
- update the cleaned-items counter at the bottom of the screen
- spell out the animation step order for the agent
Example prompts for the agent
- Generate a UniApp scene where cards are dragged into a washing machine, with a gurgling sound and bubbles in the background.
- After a card is dropped, make it fade out, show a "Clean!" message and update the "Cleaned X items today" statistic.
- Describe the animation order: sound first, then the card fading, then the pop-up message.
How to install create a drag-and-drop experience using UniApp
How to use
Paste the text at the start of a chat or into project instructions
Manually: put the files in place
.claude/commands/prompts.csv.mdQuestions about create a drag-and-drop experience using UniApp
How do I install this prompt in Claude?
There is no install command. Copy the prompt text and paste it into the chat as a regular message.
What does this prompt do?
It describes a task for generating a UniApp drag-and-drop scene: dragging cards into a washing machine, with sound, animations and a cleaned-items counter.
Which platforms does it work with?
The prompt targets Claude and Claude.ai. In the repository it lives as the file .claude/commands/prompts.csv.md.
Source text
prompts.csv · CC0-1.0
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.
© [email protected] · CC0-1.0 · f/prompts.chat
