промпт GP ChatGPT

create a drag-and-drop experience using UniApp — промпт для ChatGPT

Промпт описывает сцену перетаскивания карточек в стиральную машину: с анимацией, звуком и счётчиком очищенных карточек.

Что делает create a drag-and-drop experience using UniApp

Это готовое описание задачи для генерации кода на UniApp. Вы задаёте агенту сценарий: пользователь тащит карточку и бросает её в стиральную машину, машина запускается, карточка исчезает. Промпт перечисляет, что должно быть в результате — отклик на перетаскивание, пузырьковые анимации на фоне, звук «буль-буль» и анимация самой машины.

Дальше идёт последовательность шагов. Сначала проигрывается звук, потом карточка постепенно растворяется, всплывает сообщение «Clean!», а внизу обновляется статистика вида «Cleaned X items today». Такой порядок удобно брать за основу сценария, потому что он задаёт тайминг событий, а не только внешний вид.

Промпт короткий и не описывает структуру проекта, поэтому агенту придётся самому решать, как устроены компоненты и откуда берутся данные для счётчика. Если нужен конкретный стек или готовая вёрстка, допишите это в запрос перед отправкой.

Какие задачи решает

собрать сцену перетаскивания карточек в UniApp
добавить звук и анимацию при сбросе карточки
показать всплывающее сообщение после завершения действия
обновить счётчик очищенных карточек внизу экрана
описать агенту порядок шагов анимации

Примеры запросов агенту

Сгенерируй на UniApp сцену, где карточки перетаскиваются в стиральную машину, со звуком «буль-буль» и пузырьками на фоне.
Сделай так, чтобы после сброса карточка исчезала, появлялось сообщение «Clean!» и обновлялась статистика «Cleaned X items today».
Опиши порядок анимации: сначала звук, потом затухание карточки, затем всплывающее сообщение.

Как установить create a drag-and-drop experience using UniApp

Как использовать

Вставьте текст в начало диалога или в инструкции проекта

Вручную: положить файлы

.claude/commands/prompts.csv.md

Из того же набора73

Весь набор →

Рядом в каталоге

Все промпты по теме «Фронтенд и UI» →

Вопросы о create a drag-and-drop experience using UniApp

Как установить этот промпт в Claude?

Отдельной команды установки нет. Скопируйте текст промпта и вставьте его в чат как обычное сообщение.

Что делает этот промпт?

Описывает задачу для генерации drag-and-drop сцены на UniApp: перетаскивание карточек в стиральную машину, звук, анимации и счётчик очищенных карточек.

Для каких платформ он подходит?

Промпт рассчитан на Claude и Claude.ai. В репозитории он лежит файлом .claude/commands/prompts.csv.md.

Исходный текст

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.