Друзья, 10 сентября выступаю на NeyroSummit 19.0 с темой на стыке визуала, анимации и разработки:

Claude Code — как превратить визуальную идею в крутую анимацию на сайте.

Мы много говорим про дизайн сайтов: композицию, типографику, цвета, красивые изображения. Но анимации почему-то до сих пор уделяют гораздо меньше внимания.

А ведь именно движение часто превращает просто красивый экран в сайт, который хочется рассматривать, скроллить и исследовать.

Что, если взять статичную картинку из Midjourney и сделать её частью живого интерфейса?

На выступлении покажу весь процесс:
— как найти и собрать визуальную концепцию в Midjourney;
— как понять, что именно в ней можно анимировать;
— как описать механику движения для Claude Code;
— как превратить статичный визуал в интерактивный hero-экран;
— как использовать scroll-анимации, particles, parallax, hover, reveal и другие приёмы;
— и как в итоге собрать всё это в работающий лендинг.
Причём сегодня для этого уже необязательно отдельно быть дизайнером, motion-дизайнером и frontend-разработчиком.

AI постепенно объединяет все эти роли в одном процессе: идея → визуал → движение → код → готовый сайт.

Буду выступать в компании визуальных технарей — Полины Громовой, Николая Волосянкова и других ребят, которые соединяют креатив и технологии.
📅 10 сентября
⏰ 10:00
🎟 Участие бесплатное

Ссылка →https://neyrohub.ru/neyrosummit?a_pc=trt4rl

Друзья, потихоньку наступает осень 🍂
А значит, пора создавать новые стили для Midjourney.

Ловите код мудборда: --profile 8rfu3lu

Весь визуальный ряд для осеннего Adagio в видео создан с использованием этого мудборда, а музыку я сгенерировала в Suno v6 🎶

Друзья, делюсь программой марафона по Suno 6 🎵

Он подойдёт как совсем новичкам, которые только открывают Suno, так и более продвинутым пользователям, которые хотят лучше управлять результатом, промптами, вокалом и структурой треков.

Что будем разбирать:
1. Знакомство с Suno 6 и первый трек
Разберём интерфейс, основные возможности и сразу создадим свою первую композицию.
2. Как объяснить Suno, какую музыку вы хотите
Жанр, настроение, темп, инструменты и характер звучания. Учимся превращать идею в понятное музыкальное задание.
3. Создаём хороший Style Prompt
Разберём простую рабочую структуру промпта и научимся управлять стилем трека, а не надеяться на случайную генерацию.
4. Текст песни и теги Suno
Куплеты, припевы, бриджи, интро и аутро. Разберём основные теги и научимся правильно структурировать песню.
5. Управляем вокалом
Мужской и женский вокал, тембр, эмоциональность, манера исполнения, дуэты и разные варианты подачи одной песни.
6. Делаем трек интереснее и эмоциональнее
Как выстраивать развитие композиции, усиливать припевы, создавать кульминацию и избегать монотонного звучания.
7. Почему Suno делает «не то» и как это исправлять
Разберём самые частые ошибки в промптах, стилях и текстах и научимся улучшать неудачные генерации.
Финал марафона — собственный трек.
От идеи и промпта до структуры, вокала и финальной версии композиции.
Будет много практики и полезных скиллов!

И главное: вместо того чтобы бесконечно копировать чужие промпты, вы научитесь писать их сами — понимать, из чего они состоят, какие слова действительно влияют на результат и как управлять жанром, настроением, вокалом, инструментами и структурой трека.

🔥 Наберём 100 огоньков под этим постом — стартуем в понедельник!

Нейрогид в Max - https://max.ru/channel_neyrogid

Друзья! Мои дорогие марафонцы! ❤️

Вы суперские! Я с огромным удовольствием смотрела ваши работы и видела, как вы научились не просто создавать красивые стили, а применять их в своих реальных проектах.

Моя главная цель в этом марафоне была — научить вас искать, создавать и развивать собственный визуальный язык.

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

Теперь нужно собрать всё это в один кейс.

В итоговой презентации покажите:
- исходную задачу;
- поиск идеи и эксперименты;
- как формировался ваш стиль;
- лучшие работы марафона;
- элементы фирменного стиля и - типографику;
- финальный визуал;
и главное — как всё это складывается в единую визуальную систему.

Презентацию можно собрать в Canva, Figma, с помощью нейросетей или в любом удобном вам инструменте.

Победителя марафона я буду выбирать именно по финальной работе. И он получит мой новый курс по Midjourney для брендинга. ❤️

И ещё очень прошу в комментариях написать: чему вы научились за марафон и как планируете применять эти навыки дальше.

Для меня ваша обратная связь очень важна.

Дедлайн: 25 сентября. Жду ваши презенташки в комментариях.

Все посты Марафона https://xn--r1a.website/neyrogid/4205

Все марафоны https://xn--r1a.website/neyrogid/3829

Что показать Claude Code, чтобы он перестал создавать одинаковые сайты?

Замечали, что без референсов AI создаёт сайты по одному шаблону: шрифт Inter, синие кнопки, одинаковые карточки и привычный градиент?

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

Чтобы получить интересный дизайн, Claude Code нужно не только объяснять, что сделать, но и показывать, на что ориентироваться.

Собрала шесть ресурсов, которые помогают мне находить референсы, отдельные дизайнерские приёмы, анимации и целые дизайн-системы.

1. Awwwards — изучаем сильные сайты
https://www.awwwards.com/
Один из главных источников насмотренности в веб-дизайне.

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

2. Godly — находим конкретные элементы
https://godly.design/
Godly удобен, когда вам не нужен референс всего сайта, а требуется одно определённое решение: хедер, галерея, карточки, меню, секция с преимуществами или необычный переход.
Вместо длинного объяснения «сделай современный и небанальный первый экран» можно просто дать Claude Code подходящий пример и обозначить, что именно вы хотите из него взять.

3. MotionSites — добавляем движение
https://motionsites.ai/
Даже хороший статичный макет может выглядеть шаблонно. Часто именно анимация создаёт ощущение дорогого и продуманного сайта.
В MotionSites собрана библиотека различных механик движения. Для примеров доступны готовые промпты, поэтому не придётся самостоятельно описывать каждую фазу анимации.
Выбираете эффект, копируете промпт и передаёте его Claude Code.

4. InspoMCP — подключаем референсы напрямую
https://inspomcp.dev/
Здесь можно искать цветовые палитры, шрифтовые сочетания, градиенты и другие визуальные решения.
Но главная возможность InspoMCP — подключение к Claude Code через MCP. После настройки агент сможет самостоятельно обращаться к библиотеке за референсами, а вам не придётся каждый раз переносить их вручную.

5. UI Skills — расширяем возможности Claude Code
https://www.ui-skills.com/
Каталог бесплатных GitHub-репозиториев для работы с интерфейсами.
Здесь можно найти готовые UI-скиллы, компоненты и наработки сообщества, которые помогают улучшить не только внешний вид сайта, но и сам процесс его создания.

6. Refero Styles — работаем не с картинкой, а с дизайн-системой
https://styles.refero.design/
Мой фаворит в этой подборке.
Refero Styles предлагает не просто скриншоты красивых интерфейсов, а структурированные дизайн-системы, основанные на реальных цифровых продуктах.
Внутри стилей описаны:
— цвета и их назначение;
— типографика;
— отступы и сетка;
— правила использования элементов;
— нежелательные решения;
— готовые элементы, которые можно сразу передать Claude Code.
У Refero также есть собственный MCP-сервер. После его подключения Claude Code может сначала подобрать и изучить подходящий стиль, а уже затем переходить к созданию сайта.
То есть нейросеть действует не вслепую, а примерно так же, как дизайнер: сначала собирает визуальные ориентиры, определяет правила, а потом создаёт интерфейс.

Теперь можно передать Claude Code готовый референс или целую дизайн-систему — и получить гораздо более точный и целостный результат.

Новый урок о том, как работать с этими ресурсами и использовать их вместе с Claude Code, я уже добавила в свой курс по Claude.

Сохраняйте подборку, чтобы не потерять. А если знаете другие полезные ресурсы — делитесь ими в комментариях.