НейроГид

Что показать 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.

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

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

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

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

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

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

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

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

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

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

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

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

Все посты Марафона https://t.me/neyrogid/4205

Все марафоны https://t.me/neyrogid/3829

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

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

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

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

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

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

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

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

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

Друзья, 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....

Привет, нейрокреаторы!

Собрала 50 промтов для обработки фото в ChatGPT — от простой ретуши и замены фона до работы со светом, цветом, предметной съёмкой и сложными PRO-связками. Эти команды ChatGPT для обработки фото помогут быстро редактировать изображения, создавать рекламные визуалы и решать многие задачи без долгой ручной работы в Photoshop.

Читать ⤵️⤵️⤵️ туточки.
В качестве модели для всех визуальных примеров, конечно же, выступила наша Миси.

🔤 Шуфутинский печатает промт😂

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

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

Держитесь. До 4 сентября осталось совсем немного…

Друзья, вы же не думали, что этот пост я разместила просто так?

Конечно нет. Мы идём дальше, и теперь усложняем задачу марафона.

Домашка:
Вам необходимо собрать коллекцию токенов по стилю известного художника, фотографа или дизайнера.

Что делаем:
✔️Выбираем автора, стиль которого вам действительно интересен.
✔️Собираем его работы: картины, фотографии, постеры, айдентику, графику — в зависимости от того, кого вы выбрали.
✔️Разбираем стиль буквально на молекулы:
композиция;
цвет;
свет;
формы;
материалы и фактуры;
типографика;
ракурсы;
настроение;
повторяющиеся визуальные приёмы;
характерные детали.
✔️Для анализа можно использовать ChatGPT или любую другую нейросеть.
✔️На основе анализа собираем набор токенов, которые максимально точно описывают визуальный язык автора.
✔️Можно применить уже известный способ из урока 2, когда мы анализировали иллюстрацию через функцию Describe. Таким образом также можно собрать токены стиля.
✔️Генерируем собственные иллюстрации с этими токенами — задача не просто повторить конкретную работу, а проверить, сможете ли вы воспроизвести саму систему визуальных приёмов.
Получившиеся иллюстрации выкладываем в комментарии.

❗️❗️❗️❗️Задание со звездочкой:
можете собрать из работ автора код мудборда, а затем использовать его вместе с полученными токенами.

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

Погнали!

🔔Дедлайн: 5 сентября!

Все посты Марафона https://t.me/neyrogid/4205

Все марафоны https://t.me/neyrogid/3829

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

Предлагаем изучить кейс ДОМ.РФ, который можно найти на Витрине.

🗂 ИИ-помощник по интеграции в ДОМ.РФ

Каждый разработчик и аналитик знает, какие сложности вызывает, когда в компании накоплено 10 разных версий документов по API, и все в разных форматах. На согласование и написание спецификации уходят дни.

ДОМ.РФ внедрила веб-инструмент, который за минуты генерирует единую OpenAPI-спецификацию.

Как это работает для бизнеса:

· Не нужно переписывать историю: ИИ сам «съедает» существующую документацию из корпоративной Wiki.
· Простота использования: Интерфейс на Streamlit — выбираешь параметры, нажал кнопку, получил файл.
· Автоматическая выгрузка: Результат сразу можно использовать для интеграции.

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

В современной ИТ-архитектуре ИИ должен брать на себя рутину, в том числе по систематизации данных.

Друзья, сегодня 5-й день нашего марафона!

Будем генерировать 3D-буквы в Midjourney.

Читайте пошаговую инструкцию и ловите домашнее задание:

Сгенерировать референс материала, из которого будет создана буква.
Использовать этот референс для генерации собственной 3D-буквы.

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

Жду ваши работы в комментариях!
И финал уже совсем близко, останется последний рывок и финальное задание. После него мы узнаем победителя марафона, который получит мой новый курс по Midjourney.
Отстающие — догоняйте! 🔥

Дедлайн: 27 августа.

Все посты Марафона https://t.me/neyrogid/4205

Все марафоны https://t.me/neyrogid/3829