Аура | веб‑синтезатор

Промпт‑дизайн

Использованная нейросеть: Claude. Я работала с ней в диалоге: описывала, что хочу услышать и увидеть, прикладывала референсы и свой макет, проверяла результат в браузере и просила поправить то, что не работало или не нравилось. Нейросеть писала код звука и анимации и объясняла, как работают эффекты и каналы.Как строились промпты:1. Задача и ограничения. Я дала нейросети требования курса: два синта и барабаны, цепочки эффектов, каналы, без пианино и сложных фильтров, Tone.js и p5.js.
2. Образ и референсы. Описывала настроение и прикладывала картинки с мягкими градиентами и аурами.
3. Правки маленькими шагами. Одна просьба за раз и проверка результата перед следующей.Примеры промптов:Сделай так, чтобы цвет и анимация фона менялись в зависимости от того, что играет. В центре должна быть аура как на моём макете: белая серединка, розовое тело, тёплое жёлтое свечение и тонкие белые кольца вокруг.

Промпт‑дизайн интерфейса

Образ ауры и общий стиль мои: референсы с мягкими градиентами и макет шара. Нейросеть Claude делала варианты раскладки панелей, рисовала элементы интерфейса (значки форм волны и узоров, кнопки, ползунки) и переносила дизайн в код. Я выбирала варианты и просила поправить детали.Примеры промптов:Сделай несколько вариантов расположения панелей вокруг ауры.

План до конца модуля

Сбалансировать громкости голосов и эффектов, чтобы на пике ничего не спорило; подобрать тембры теплее. Поправить мелкие детали после предпросмотра, обновить макет в Figma.