Михаил Омельченко | AI&IT
Давайте выберем тему следующего стрима, ставьте реакцию. - 🔥 Генерация UI - 👍 Генерация изображений - ❤️ Генерация видео
Давайте разовьем тему генерации UI.
Есть несколько подходов как это сделать. Рассказать сразу о всех я не смогу, не хватит времени. Да и подготовить материал нужно.
Поэтому выбираем, что вас интересует:
👍 Нейросеть в качестве дизайнера, т.е. пишет как должен выглядеть результат
🔥 Нейросеть в качестве дизайнера рисует дизайн, т.е. выдает изображение
❤️ Нейросеть в качестве дизайнера, в Figma делает макет
👍 Нейросеть пишет код клиентской стороны и тем самым генерирует UI
Ваш вариант в комментариях.
Есть несколько подходов как это сделать. Рассказать сразу о всех я не смогу, не хватит времени. Да и подготовить материал нужно.
Поэтому выбираем, что вас интересует:
👍 Нейросеть в качестве дизайнера, т.е. пишет как должен выглядеть результат
🔥 Нейросеть в качестве дизайнера рисует дизайн, т.е. выдает изображение
❤️ Нейросеть в качестве дизайнера, в Figma делает макет
Ваш вариант в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Накиньте идею проекта для разработки UI на стриме.
UPD:
Если будет немного описания функционала, то🤗
UPD:
Если будет немного описания функционала, то
Please open Telegram to view this post
VIEW IN TELEGRAM
Промпт UI/UX-дизайнер
#промпты
Роль и контекст: Ты — опытный UI/UX-дизайнер с 10+ годами практики. У тебя за плечами проекты для e-commerce, SaaS и мобильных приложений.
Ты умеешь:
- Проводить UX-исследования (включая интервью, CJM, user flows).
- Разрабатывать дизайн-системы и брендбуки (цвета, типографика, сетки, компоненты).
- Проектировать структуру интерфейсов, включая нестандартные и креативные решения.
- Тестировать макеты и прототипы, улучшая их на основе отзывов.
Наша цель: С нуля создать UI/UX-проект (например, веб-приложение или мобильное приложение), следуя реальному процессу работы дизайнера. Мы хотим, чтобы ты сам пошагово вёл этот процесс, задавал вопросы, уточнял непонятные пункты, предлагал варианты, показывал промежуточные итоги и, в финале, подготовил брендбук (готовый к экспорту в PDF) и ТЗ по дизайну.
Шаг 1. Сбор требований и вопросов к клиенту
- Спроси об основных бизнес-целях и задачах (что делает продукт, какую проблему решает, ключевые KPI).
- Узнай о целевой аудитории (возраст, профили, боли, сценарии).
- Определи технические ограничения (платформы, сроки, интеграции).
- Если пользователь сам не знает, предложи 2–3 реалистичных варианта на выбор, объясняя плюсы и минусы.
- В конце подведи короткое резюме (что мы поняли, какие пункты требуют уточнения).
Важно: жди ответа после этого шага, а затем используй новую информацию, прежде чем двигаться дальше.
Шаг 2. Создание дизайн-системы
- Изучи уже известные требования (логотип, фирменные цвета, если есть; если нет — создай).
Определи:
- Палитру (3–5 основных + дополнительные цвета).
- Шрифты (1–2 основных + акценты).
- Сетки и отступы (Grid System, брейкпоинты).
- Компоненты (кнопки, поля, карточки, иконки).
Придерживайся принципа 3C:
- Classic (консервативное, «корпоративное» решение),
- Crazy (самое смелое, необычное),
- Compromise (сочетание удобства и оригинальности).
- Сохраняй результаты в удобном виде (можно таблицами, списками или JSON).
- Если что-то не ясно — спрашивай или предлагай варианты.
Шаг 3. Проектирование UX (сценарии, User Flows)
- Опиши основные потоки пользователя: от входа в продукт до выполнения ключевых задач.
- Покажи, где могут возникать «болевые точки», и как их решить.
- Предложи 2–3 варианта нестандартных идей (геймификация, анимации, оригинальные переходы).
- Попроси у клиента подтверждения или доработок — если потребуется, уточняй.
Шаг 4. Генерация UI-макетов
- Создай промт для генерации UI-макетов/экранов (если используешь внутреннюю AI-генерацию изображений).
- Сгенерируй не менее 3 концептов дизайна ключевого экрана (например, главного экрана или экрана «онбординга»).
Для каждого концепта оцени:
- Эстетику и оригинальность.
- Удобство и соответствие UX-потокам.
- Сложность реализации (сроки/ресурсы).
- Предложи слияние лучших идей, если это уместно.
Шаг 5. Тестирование и итерации
- Проговори, как бы ты провёл тестирование (юзабилити-тест, быстрый прототип на Figma и т. д.).
- Если нужно, сделай «виртуальную» итерацию: учти замечания «пользователей/клиента», скорректируй макеты.
- Зафиксируй, какие решения приняты окончательно.
Шаг 6. Итоговый брендбук (PDF)
- Собери все результаты (дизайн-система, лого, цвета, сетки, правила использования элементов) в структурированный документ, который можно скопировать в любой редактор и конвертировать в PDF.
Рекомендуемая структура:
- Обложка (логотип, название продукта, авторство).
- Введение (миссия, ценности, история бренда, если важно).
- Основная часть
- Палитра (образцы цветов, HEX-коды, примеры сочетаний).
- Типографика (шрифты, стили заголовков/текста).
- Сетка, отступы, брейкпоинты.
- UI-компоненты (кнопки, иконки, карточки) и правила их использования.
- Примеры макетов экранов, «правильно/неправильно».
- Заключение (ключевые рекомендации, идеи на будущее).
- Если лого нет, предложи эскизы.
- Если у бренда уже есть часть гайдлайнов, адаптируйся к ним.
- Подготовь финальный «TL;DR» (в одном абзаце).
#промпты
🔥23👍4
Продолжение промпта UI/UX-дизайнер
#промпты
Шаг 7. Самопроверка и диалоговое взаимодействие
- В конце спроси, всё ли понятно, правильно ли отражены требования.
- Если нужно, предложи «закрепить» результаты в виде тезисов.
- При выявлении противоречий — вернись к нужному шагу, внеси правки.
Дополнительные условия и стилистика
- Будь многословен, если просят «подробности», но соблюдай чёткую структуру с подзаголовками, списками, таблицами.
- При каждом сомнении инициируй вопросы.
- Если контекст неясен — предлагай минимум два решения: классическое и альтернативное.
- Старайся включать креатив (анимации, нестандартные элементы, геймификацию), но объясняй плюсы и минусы.
Формат диалога
- Шаг за шагом веди разговор.
- После каждого крупного этапа — резюмируй, что уже сделано.
- Спрашивай у «меня» (заказчика), что уточнить или скорректировать, прежде чем идти дальше.
- В финале: выдай полный, упорядоченный брендбук (удобный для экспорта в PDF), собрав всё, что мы обсудили и составь ТЗ для разработки.
#промпты
🔥23👍5❤🔥1
Для генерации UI и UI в код
UX Pilot - https://uxpilot.ai
Adobe Express - https://www.adobe.com/express
Anima - https://dev.animaapp.com
V0 - https://v0.dev
Uizard - https://app.uizard.io
Lovable - https://lovable.dev
Bolt - https://bolt.new
Visily - https://www.visily.ai
Genius UI - https://genius-ui.vercel.app
Galileo AI - https://www.usegalileo.ai
Teleporthq - https://play.teleporthq.io
#ai #нейросеть #ui #кодинг #программирование
UX Pilot - https://uxpilot.ai
Adobe Express - https://www.adobe.com/express
Anima - https://dev.animaapp.com
V0 - https://v0.dev
Uizard - https://app.uizard.io
Lovable - https://lovable.dev
Bolt - https://bolt.new
Visily - https://www.visily.ai
Genius UI - https://genius-ui.vercel.app
Galileo AI - https://www.usegalileo.ai
Teleporthq - https://play.teleporthq.io
#ai #нейросеть #ui #кодинг #программирование
👍19
Мастерство промпт-инжиниринга_1.1.pdf
1.6 MB
Книга "Мастерство промпт-инжиниринга" — это практическое описание того, как эффективно взаимодействовать с языковыми моделями.
Здесь нет технических подробностей архитектуры, а только прикладной подход, как формулировать запросы, чтобы получать внятные, полезные и структурированные ответы.
В книге разбираются типовые сценарии, примеры промптов, распространённые ошибки, методы работы с форматами вывода и способы минимизировать "галлюцинации" нейросети.
Материал ориентирован на тех, кто использует ИИ как рабочий инструмент для автоматизации задач, подготовки текстов, анализа данных, генерации идей и ускорения повседневной рутины.
Подходит специалистам в сфере IT, маркетинга, образования, управления и тем, кто хочет тратить меньше времени на переделки и получать нужный результат от нейросети.
Распространяется бесплатно на условиях лицензии Creative Commons (CC BY-NC-ND 4.0).
P.S.
Буду рад конструктивной критике, предложениям и любым идеям. Жду обратной связи.
Дополнительный контент по нейросетям
Здесь нет технических подробностей архитектуры, а только прикладной подход, как формулировать запросы, чтобы получать внятные, полезные и структурированные ответы.
В книге разбираются типовые сценарии, примеры промптов, распространённые ошибки, методы работы с форматами вывода и способы минимизировать "галлюцинации" нейросети.
Материал ориентирован на тех, кто использует ИИ как рабочий инструмент для автоматизации задач, подготовки текстов, анализа данных, генерации идей и ускорения повседневной рутины.
Подходит специалистам в сфере IT, маркетинга, образования, управления и тем, кто хочет тратить меньше времени на переделки и получать нужный результат от нейросети.
Распространяется бесплатно на условиях лицензии Creative Commons (CC BY-NC-ND 4.0).
P.S.
Буду рад конструктивной критике, предложениям и любым идеям. Жду обратной связи.
Дополнительный контент по нейросетям
🔥66👍16❤🔥5🎉1 1 1
Как разные модели реагируют на один и тот же промт.
Промт: Волк в лесу, стиль масляной живописи, туманная атмосфера
1. Midjourney
2. DALL-E
3. Flux
4. Gerwin
5. Kandinsky
6. Stable Diffusion
7. Wan
Клуб по нейросетям
#ai #нейросеть
Промт: Волк в лесу, стиль масляной живописи, туманная атмосфера
1. Midjourney
2. DALL-E
3. Flux
4. Gerwin
5. Kandinsky
6. Stable Diffusion
7. Wan
Клуб по нейросетям
#ai #нейросеть
🔥24👍12🎉1
⚡️ Вышел ChatGPT 4.1
GPT-4.1 намного лучше GPT-4o в точности выполнения инструкций (49% против 29%) и кодинге (55% против 33%).
Он быстрее обрабатывает задачи и меньше забывает указания.
Знания о мире до июня 2024 года.
Ссылка
#ai #нейросеть #chatgpt
GPT-4.1 намного лучше GPT-4o в точности выполнения инструкций (49% против 29%) и кодинге (55% против 33%).
Он быстрее обрабатывает задачи и меньше забывает указания.
Знания о мире до июня 2024 года.
Ссылка
#ai #нейросеть #chatgpt
OpenAI
Introducing GPT-4.1 in the API
Introducing GPT-4.1 in the API—a new family of models with across-the-board improvements, including major gains in coding, instruction following, and long-context understanding. We’re also releasing our first nano model. Available to developers worldwide…
🔥13
Когда мне нужно найти какую-то информацию или инструмент, провести исследование, то я ищу с помощью нейросетей.
Причем не в одной, а сразу в нескольких. Если результаты пересекаются, то иду на второй круг и в запросе исключаю найденные материалы. Так получается найти необходимую и более полную информацию. Особенно когда пытаюсь найти какой-то инструмент.
Для поиска использую Grok, ChatGPT, Perplexity, DeepSeek.
Но как не странно, иногда стоит еще просто погуглить.
А вы ищите с помощью нейросетей?
Причем не в одной, а сразу в нескольких. Если результаты пересекаются, то иду на второй круг и в запросе исключаю найденные материалы. Так получается найти необходимую и более полную информацию. Особенно когда пытаюсь найти какой-то инструмент.
Для поиска использую Grok, ChatGPT, Perplexity, DeepSeek.
Но как не странно, иногда стоит еще просто погуглить.
А вы ищите с помощью нейросетей?
👍24
Работаю сейчас еще над одним справочником.
Он будет посвящен генерации изображений.
Так же с примерами промптов и разных техник.
Вам было бы такое полезно или интересно?
Он будет посвящен генерации изображений.
Так же с примерами промптов и разных техник.
Вам было бы такое полезно или интересно?
👍93🔥24🤔5 5
В статье рассматриваются проблемы современных текстовых ИИ, такие как генерация нелогичных ответов и забывчивость при выполнении сложных задач.
Авторы предлагают решение в виде "ядра мышления" — структуры из шести фаз (пустота, внимание, вопрос, вспышка, форма, отражение), которые помогают ИИ выстраивать логическую цепочку рассуждений.
Эта статья натолкнула меня на определённые идеи. То как можно менять направление рассуждения нейросети. Буду экспериментировать.
Статья на Хабр
#статьи
Авторы предлагают решение в виде "ядра мышления" — структуры из шести фаз (пустота, внимание, вопрос, вспышка, форма, отражение), которые помогают ИИ выстраивать логическую цепочку рассуждений.
Эта статья натолкнула меня на определённые идеи. То как можно менять направление рассуждения нейросети. Буду экспериментировать.
Статья на Хабр
#статьи
👍8🔥4
Оп, и с третье попытки верифицировал канал на Rutube
Так же пригласили в команду блогеров на Rutube. Посмотрим как теперь будут рекомендовать видео.
В общем, пока наблюдаю куда двигается платформа.
Так же пригласили в команду блогеров на Rutube. Посмотрим как теперь будут рекомендовать видео.
В общем, пока наблюдаю куда двигается платформа.
👍14🤔3👎2