Н
НейроГид
20.09.2026 16:09 · 👁 1.7K
Что показать 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.
Сохраняйте подборку, чтобы не потерять. А если знаете другие полезные ресурсы — делитесь ими в комментариях.
Н
НейроГид
16.09.2026 06:11 · 👁 1.6K
Друзья! Мои дорогие марафонцы! ❤️
Вы суперские! Я с огромным удовольствием смотрела ваши работы и видела, как вы научились не просто создавать красивые стили, а применять их в своих реальных проектах.
Моя главная цель в этом марафоне была — научить вас искать, создавать и развивать собственный визуальный язык.
И вот пришло время финала марафона.
На протяжении марафона вы уже работали над своей задачей: искали идеи, экспериментировали со стилями, закрепляли визуальное направление, создавали элементы фирменного стиля и работали с типографикой.
Теперь нужно собрать всё это в один кейс.
В итоговой презентации покажите:
- исходную задачу;
- поиск идеи и эксперименты;
- как формировался ваш стиль;
- лучшие работы марафона;
- элементы фирменного стиля и - типографику;
- финальный визуал;
и главное — как всё это складывается в единую визуальную систему.
Презентацию можно собрать в Canva, Figma, с помощью нейросетей или в любом удобном вам инструменте.
Победителя марафона я буду выбирать именно по финальной работе. И он получит мой новый курс по Midjourney для брендинга. ❤️
И ещё очень прошу в комментариях написать: чему вы научились за марафон и как планируете применять эти навыки дальше.
Для меня ваша обратная связь очень важна.
Дедлайн: 25 сентября. Жду ваши презенташки в комментариях.
Все посты Марафона https://t.me/neyrogid/4205
Все марафоны https://t.me/neyrogid/3829
Н
НейроГид
16.09.2026 03:24 · 👁 1.5K
Друзья, делюсь программой марафона по Suno 6 🎵
Он подойдёт как совсем новичкам, которые только открывают Suno, так и более продвинутым пользователям, которые хотят лучше управлять результатом, промптами, вокалом и структурой треков.
Что будем разбирать:
1. Знакомство с Suno 6 и первый трек
Разберём интерфейс, основные возможности и сразу создадим свою первую композицию.
2. Как объяснить Suno, какую музыку вы хотите
Жанр, настроение, темп, инструменты и характер звучания. Учимся превращать идею в понятное музыкальное задание.
3. Создаём хороший Style Prompt
Разберём простую рабочую структуру промпта и научимся управлять стилем трека, а не надеяться на случайную генерацию.
4. Текст песни и теги Suno
Куплеты, припевы, бриджи, интро и аутро. Разберём основные теги и научимся правильно структурировать песню.
5. Управляем вокалом
Мужской и женский вокал, тембр, эмоциональность, манера исполнения, дуэты и разные варианты подачи одной песни.
6. Делаем трек интереснее и эмоциональнее
Как выстраивать развитие композиции, усиливать припевы, создавать кульминацию и избегать монотонного звучания.
7. Почему Suno делает «не то» и как это исправлять
Разберём самые частые ошибки в промптах, стилях и текстах и научимся улучшать неудачные генерации.
Финал марафона — собственный трек.
От идеи и промпта до структуры, вокала и финальной версии композиции.
Будет много практики и полезных скиллов!
И главное: вместо того чтобы бесконечно копировать чужие промпты, вы научитесь писать их сами — понимать, из чего они состоят, какие слова действительно влияют на результат и как управлять жанром, настроением, вокалом, инструментами и структурой трека.
🔥 Наберём 100 огоньков под этим постом — стартуем в понедельник!
Нейрогид в Max - https://max.ru/channel_neyrogid
Н
НейроГид
15.09.2026 19:53 · 👁 1.6K
Друзья, потихоньку наступает осень 🍂
А значит, пора создавать новые стили для Midjourney.
Ловите код мудборда: --profile 8rfu3lu
Весь визуальный ряд для осеннего Adagio в видео создан с использованием этого мудборда, а музыку я сгенерировала в Suno v6 🎶
Н
НейроГид
07.09.2026 10:42 · 👁 1.8K
Друзья, 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
Н
НейроГид
06.09.2026 09:08 · 👁 1.5K
Как же я обожаю такие анимашки в Midjourney....
Н
НейроГид
05.09.2026 08:52 · 👁 1.6K
Привет, нейрокреаторы!
Собрала 50 промтов для обработки фото в ChatGPT — от простой ретуши и замены фона до работы со светом, цветом, предметной съёмкой и сложными PRO-связками. Эти команды ChatGPT для обработки фото помогут быстро редактировать изображения, создавать рекламные визуалы и решать многие задачи без долгой ручной работы в Photoshop.
Читать ⤵️⤵️⤵️ туточки.
В качестве модели для всех визуальных примеров, конечно же, выступила наша Миси.
Н
НейроГид
03.09.2026 00:56 · 👁 2K
🔤 Шуфутинский печатает промт😂
Настал тот самый день. Календарь уже не спасти: сегодня его будут переворачивать всей страной, а рябина традиционно снова загорится кострами. 🍁
Михаил Захарович выходит на связь раз в год, зато как точно — надёжнее любого будильника и напоминания в телефоне.
Держитесь. До 4 сентября осталось совсем немного…
Н
НейроГид
25.08.2026 18:20 · 👁 1.9K
Друзья, вы же не думали, что этот пост я разместила просто так?
Конечно нет. Мы идём дальше, и теперь усложняем задачу марафона.
Домашка:
Вам необходимо собрать коллекцию токенов по стилю известного художника, фотографа или дизайнера.
Что делаем:
✔️Выбираем автора, стиль которого вам действительно интересен.
✔️Собираем его работы: картины, фотографии, постеры, айдентику, графику — в зависимости от того, кого вы выбрали.
✔️Разбираем стиль буквально на молекулы:
композиция;
цвет;
свет;
формы;
материалы и фактуры;
типографика;
ракурсы;
настроение;
повторяющиеся визуальные приёмы;
характерные детали.
✔️Для анализа можно использовать ChatGPT или любую другую нейросеть.
✔️На основе анализа собираем набор токенов, которые максимально точно описывают визуальный язык автора.
✔️Можно применить уже известный способ из урока 2, когда мы анализировали иллюстрацию через функцию Describe. Таким образом также можно собрать токены стиля.
✔️Генерируем собственные иллюстрации с этими токенами — задача не просто повторить конкретную работу, а проверить, сможете ли вы воспроизвести саму систему визуальных приёмов.
Получившиеся иллюстрации выкладываем в комментарии.
❗️❗️❗️❗️Задание со звездочкой:
можете собрать из работ автора код мудборда, а затем использовать его вместе с полученными токенами.
То есть теперь мы учимся не просто смотреть на красивый стиль, а понимать, из чего он состоит, переводить его в систему и управлять этой системой при генерации.
Погнали!
🔔Дедлайн: 5 сентября!
Все посты Марафона https://t.me/neyrogid/4205
Все марафоны https://t.me/neyrogid/3829
Н
НейроГид
19.08.2026 06:53 · 👁 2.1K
Альянс в сфере ИИ запустил Витрину кейсов, где компании могут найти и изучить опыт коллег рынка для внедрения подобных инструментов.
Предлагаем изучить кейс ДОМ.РФ, который можно найти на Витрине.
🗂 ИИ-помощник по интеграции в ДОМ.РФ
Каждый разработчик и аналитик знает, какие сложности вызывает, когда в компании накоплено 10 разных версий документов по API, и все в разных форматах. На согласование и написание спецификации уходят дни.
ДОМ.РФ внедрила веб-инструмент, который за минуты генерирует единую OpenAPI-спецификацию.
Как это работает для бизнеса:
· Не нужно переписывать историю: ИИ сам «съедает» существующую документацию из корпоративной Wiki.
· Простота использования: Интерфейс на Streamlit — выбираешь параметры, нажал кнопку, получил файл.
· Автоматическая выгрузка: Результат сразу можно использовать для интеграции.
Итог для команды:
Вместо того чтобы неделями править документы, аналитик тратит на подготовку на 20% меньше времени. Разработчики получают спецификацию в едином формате без искажений и двояких толкований.
В современной ИТ-архитектуре ИИ должен брать на себя рутину, в том числе по систематизации данных.