Pixel Perfect | AI для диджитал-специалистов

Как передать клиенту сайт, собранный через AI, если сам он в нейронках не шарит?

Если не решить этот вопрос заранее, то когда клиент захочет поменять текст или добавить блок, он просто не сможет понять, где и как это делать. Будет как на гифке...

За время работы с AI-сайтами мы выделили для себя такие решения: ▶️Headless CMS (Sanity, Contentful, Strapi) Контент хранится отдельно от сайта: клиент управляет текстами, изображениями и товарами через админку, а сайт на Next.js, React или другом стеке подтягивает данные через API. Подходит, если нужен гибкий сайт без привязки фронта к CMS. ▶️WordPress как headless CMS Тот же подход, но с привычным WordPress в качестве админки. Подойдет, если клиент уже работал с WordPress и не хочет осваивать новый интерфейс. А вы при этом можете пилить фронтенд на любом современном стеке. ▶️Визуальный редактор (по типу Tina) Здесь клиент может редачить контент прямо на сайте: менять заголовки, картинки, текст и сразу видеть результат. Для небольших сайтов это удобный компромисс – не нужна полноценная CMS + клиенту не приходится лезть в код. ▶️Дать доступ к Dev Mode Самый быстрый вариант, но он только для подготовленных. Если клиент или кто-то с его стороны разбирается в коде – тогда берем.

Кстати, от способа передачи AI-сайта клиенту может зависеть даже то, как вы будете собирать сам сайт. Поэтому лучше продумать этот момент еще до начала разработки (а не в момент передачи)

🤩 Мы сейчас как раз готовим новый продукт про сборке AI-сайтов, где этот вопрос учтен с самого начала. Расскажем в ближайших постах!

Видели сайты, где скроллишь вниз и кадр за кадром разворачивается сюжет? Мы собрали пару таких проектов через AI вместо дорогого продакшна. Делюсь процессом 🙂 Сначала о выборе подхода. Такой эффект можно сделать на 3D в браузере, но для обычного сайта это слишком тяжело и дорого. 3D оправдан на промо-проектах, где сам эффект – часть продукта. Для большинства сайтов оптимальна и легче секвенция. Кстати Apple использует этот подход в своих скролл-анимациях (например, страница AirPods)

Итак, кадры и видео генерируем в Higgsfield. Главное правило: дешево тестируем, дорого рендерим только после аппрува.

Порядок такой: 1. Генерим стартовый кадр. Делаем несколько вариантов, выбираем лучший. 2. Черновое видео в 720p. На этом разрешении гоняем анимацию хоть 10 раз, пока не получим нужное движение. Смотрим клип целиком, раскадровку и стоп-кадр в конце. 3. Финальный рендер в 4K. Запускаем только тогда, когда движение утверждено.

Это сильно экономит бюджет: 15 сек в 720p стоят ~50 кредитов, а в 4K уже ~330. Если искать идею сразу в 4K, бюджет сгорит на 3-ей попытке.

Две ловушки 1. Докрутить 720p до 4K через апскейлер дешевле, но сетка неизбежно перерисует мелкие детали. Если в кадре есть интерфейсы, мониторы или надписи — только нативный 4K, иначе получите рандомный набор букв. 2. Сюжет должен быть из трех актов: было → переход → стало. Если объект просто распадается и превращается во что-то другое, это воспринимается как исчезновение. Поэтому важно показать, как новый образ собирается до конца.

И не забываем про композицию: объект – максимум 40% высоты кадра, остальное пространство оставляем под заголовок. Картинка «во весь экран» выглядит эффектно, но делает текст нечитабельным.

Готовый видосик режем на кадры: — Частота: 15 fps — Размер: ширина 2560px, формат строго WebP (сильно экономит вес) — Финал: дублируем последний кадр 3–5 раз в конец, чтобы анимация плавно залипала, а не дергалась. — Итого: 15 сек видео превращаются в ~230 кадров. Отдельно про мобильные. Десктопную секвенцию переносить нельзя: она слишком тяжелая и плохо кадрируется. Лучше сгенерировать отдельную вертикальную версию – она легче и собирается по тому же пайплайну.

Обязательно сохраняйте ID и сиды всех удачных генераций в отдельную табличку. Без них результаты потом не найти.

В итоге первый экран студийного уровня можно собрать за вечер-два вместо съемочной смены. Но чтобы вышло качественно, следуйте советам из этого постика 😎 Если хотите, отдельно разберем, как собрать сам scroll-scrub. Ставьте 🔥

Есть одна идея, которую мы разгоняем в команде уже несколько месяцев. Решил первым делом поделиться ею с вами тут 👀 Хотим сделать образовательный продукт по созданию полноценных сайтов с ИИ. То есть не одностраничных лендингов, а онлайн-магазинов, корпоративных сайтов со сложной логикой, интеграциями и CMS. По сути это возможность вообще отказаться от конструкторов и собирать сайты просто голосом. Сейчас проверяем гипотезу и хотим понять, насколько такой продукт актуален. Было бы вам интересно попробовать и поучаствовать? ↙️

В новом видео Коля собрал онлайн-магазин без кода и за три (!) промпта: каталог, корзину, чекаут, личный кабинет и админку с заказами и складом. Сам движок бесплатный – из расходов только сервер, около 1000 ₽ в месяц. Сначала магазин выглядел как обычный шаблон, но Коля подключил Open Design по MCP, попросил привести все к дизайн-системе Apple, и магазин стал выглядеть как полноценный продукт. 📹 Включайте видосик, чтобы увидеть весь процесс от начала

Привет, на связи Коля 🙂 За последние полгода мы в команде поменяли подход к корпоративным сайтам. Раньше собирали на Webflow, сейчас работаем через Claude Code, подвязываем CMS. В такой связке результат получается заметно быстрее и гибче. Недавно вышла Kimi K3. Я не стал делать очередной обзор модели, а решил сразу протестить ее в реальной задаче. В новом видео я собираю киношный лендинг: модель помогает придумать концепт, сделать cinematic-анимацию со скроллом, написать код и опубликовать готовый лендос. Получившийся проект — здесь. И заодно разбираюсь, чем среда Kimi K3 отличается от Claude Code и Codex, и насколько легко в нее перенести привычный подход к разработке. 📹 Включайте видосик на YouTube А для тех, кто захочет повторить мой проект, я подготовил полную среду, скиллы и все промпты. Забирайте в комментах под этим постом ↓

Возвращаемся с каникул с крутыми новостями ☺️ Тут Webflow на днях выкатили MCP 2.0. Теперь AI-агенты Claude, Cursor, Codex можно напрямую подключать к вф-проектам и работать с ними без костылей. Мы в школе сразу погнали тестить обновление на задачах (фича уже бесплатна для всех юзеров Webflow).

MCP 2.0 умеет создавать компоненты и подтягивать ваши переменные, поэтому ИИ верстает строго по дизайн-системе. Но у меня есть сомнения, насколько четко он удержит логику на действительно тяжелых ДС. Агент также умеет работать с CMS: читать, создавать и обновлять записи в рамках доступных коллекций и полей. Плюс анализировать метрики сайта и оптимизировать дизайн на их основе.

Самое крутое. Если раньше агенту требовался заранее созданный сайт Webflow, то MCP 2.0 позволяет агентам самостоятельно создавать и разворачивать новые сайты в Webflow Cloud без ручного участия человека. Уверен, еще 1-2 года и главными юзерами вебфлоу и похожих ноукод платформ будут уже не люди, а ИИ-агенты. А наша роль окончательно станет в стратегии и арт-дирекшене 🌚 Делитесь, кто уже пробовал mcp 2.0?

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

✅ Вы можете взять фичу со своего текущего проекта, которую давно хотите показать команде, но ждете ресурсов разработки. Или заготовку под сайд-проект из заметок. А если своей идеи нет — возьмете любой из 5-ти концептов Дани.

Опыт в коде не нужен, всё пишет агент. Если умеете работать в Figma и когда-либо устанавливали десктопное приложение – этого хватит. 🤩 За 4 дня прогоняете выбранную идею через сквозной пайплайн: сборка PRD с OpenCode → генерация экранов через Google Stitch → бренд-пак в Figma Weave → HTML/JS-прототип, запущенный в браузере на локальном сервере. Доступ Даня скоро закроет, так что успевайте) ➡️ Запускайте мини-курс

Даня релизнул бесплатный мини-курс по AI-продакшену 💜 Сейчас многие дизы хотят освоить такой продакшен, но не понимают, как связать кучу разрозненных AI-инструментов в единый рабочий флоу. Поэтому Даня решил взять пайплайн, который мы используем на проектах, и упаковать его в 4 урока. ▶️Суть: берете свою идею/фичу из текущего проекта/то, что давно хотели собрать руками, и за 4 урока превращаете это в кликабельный прототип. Если у вас нет ни идеи, ни фичи – не страшно. Даня даст вам пять готовых идей продуктов, которые вы сможете реализовать.

Что внутри: • Урок 1. Загружаете идею в OpenCode, и агенты собирают PRD. • Урок 2. Отдаете текст агенту через Google Stitch, и он генерирует базовые экраны прямо в Figma. • Урок 3. Через нодовый граф в Figma Weave собираете под продукт уникальную айдентику и визуал. • Урок 4. Подключаете агента к макетам через Framelink MCP, и он пишет для вас HTML/JS-код на локальном сервере.

🤩 Уроки бесплатные, но понадобятся US-аккаунт Google и VLESS VPN (это затраты на 500-700₽) << Открыть доступ к урокам >>

Привет, это Коля! Сейчас как никогда популярно мнение, что AI-тулзы обесценивают труд специалистов. Если AI собирает макеты и пишет код, то в чем тогда ценность дизайнера/разработчика? 🐱 Я вот смотрю на это иначе. Технологии обесценивают не труд человека, а, скорее, освобождают его от механической работы. Благодаря AI-пайплайну мне не нужно ломать голову, как именно это будет сверстано или собрано – я и так знаю, что инструменты это вытянут. Зато теперь у меня появилось много ресурса, чтобы сфокусироваться на главном: на конечном продукте и эмоции. 🤩 Вот реальный пример. Сейчас на одном из проектов я проектирую флоу подарочных сертификатов. Обычно покупка сертификата – это заполнил дефолтную форму, оплатил, забыл. У меня же задача другая: сделать так, чтобы покупка подарка была эмоцией и для отправителя, и для получателя. Чтобы отправитель, проходя флоу, кайфовал от того, что взаимодействует с классным интерфейсом, а не просто заполняет очередную безликую анкету на сайте. А получатель открывает ссылку, свайпает – на экране раскрывается конверт, из него плавно вылетает сертификат, подтягивается живое превью и милое поздравление. Все эти анимации и фирменные эффекты сейчас собираю с AI с нуля вместе с Даней 😎🙂 Согласитесь, это опыт, которым хочется поделиться. Хочется скинуть друзьям и сказать: «Вы только посмотрите, как офигенно сделана распаковка!». А значит, он работает на виральность: получатель в итоге сам становится следующим покупателем)) Поэтому сейчас, полностью опустив рутинные технические вопросы (их закрывает AI), я могу на 100% сфокусироваться только на этом – на создании крутого продукта. 🤩 Если хотите больше следить за моей работой, то welcome в мой тг-канал: https://t.me/+vk7mYYTC2qhlZmRi

Эфир прошел успешно: Даня и Коля за 2 часа собрали ДС для БОЛТAI — сервиса для создания голосовых агентов. Чисто на связке Claude Code и Figma MCP 😎 → Запись уже тут Убедились, что с Claude Code и Figma MCP сборку дизайн-системы можно ускорить с нескольких недель до пары часов. Если пропустили эфир, очень советую глянуть, чтобы внедрить этот пайплайн в свои проекты. Да, кстати, это только один из пайплайнов. С полноценным AI-флоу вся рутина уходит агентам. А вы наконец-то исследуете, проверяете гипотезы, защищаете бизнес-логику и напрямую влияете на продукт. Через полгода умение собрать рабочий концепт за пару дней станет нормой для дизайнера middle+. Пока что так умеют делать единицы. 😈 Чтобы оказаться в их числе — залетайте на AI Native Designer. Два месяца практики прямо на ваших текущих проектах и задачах: от ресерча и брифа до готового прототипа. Сейчас идет набор на летний поток. Дальше будет перерыв до осени. Скидка 41% действует до 7 июня, осталось 7 мест. → Посмотреть программу и занять место

Сегодня в 18:00 мск Даня и Коля проводят крутой эфир, такой темы у нас еще не было 🤩 Будут собирать дизайн-систему для нового SaaS-продукта БОЛТAI. Это AI first сервис для создания голосовых агентов. То есть AI там основа всех базовых процессов. Суть в том, что на эфире они соберут ДС вообще без фронтендеров и без отрисовки макетов руками. На входе – только PRD продукта и черновик визуального концепта. А дальше все это дело уходит в Claude Code. Агент анализирует концепт, через Figma MCP заводит стили в Фигме, собирает логику компонентов и разворачивает код библиотеки для разрабов. 🥹 Ссылка на эфир лежит в тг-канале Дани: https://t.me/+G2kWjNFgpEA2OTky

До вчерашнего дня, чтобы собрать AI-помощника, мы зависели от серверов условного OpenAI или Anthropic. Платили за API, чуть-чуть 🤏🏼 переживали за безопасность данных... Но вчера NVIDIA выкатили новый чип RTX Spark для Windows-ПК. Его цель – чтобы у вас на компе локально (без интернета) 24/7 крутилась LLM-модель, которая работает как личный агент. Он получает безопасный доступ ко всем вашим папкам, проектам и выполняет рутину, никуда ничего не отправляя ☺️ Думаю, еще пару лет, и такие чипы будут стоять в каждом компе, а интерфейс операционки превратится в одного сплошного агента. [Пишут, что первые устройства на RTX Spark будут осенью. Среди партнеров — Asus, Dell, HP, Lenovo, Microsoft] 👀 — если взяли бы себе

😌 Привет! Поресерчил рынок труда и вижу, что компании сейчас очень активно хантят людей с приставкой ИИ в роли. Бизнесу нужны специалисты, которые умеют внедрять ИИ в продукты и заставлять ИИ приносить компании деньги. Ловите 4 самые востребованные AI-роли, к которым я бы советовал присмотреться и начать изучать. 1. AI Engineer – встраивает готовые ИИ-решения в приложения и сервисы по API, чтобы они работали стабильно и не падали под нагрузкой. Кстати, Коля сейчас работает AI-инженером на рынке США (если интересно велком в его канал) 🤩Вилка зп: 300-600+ тыс. ₽/мес (РФ) | $11k-25k+/мес (Запад)

Какие скиллы качать: — Python и базовую архитектуру приложений — Интеграцию по API (OpenAI, Anthropic и тд) — Фреймворки для ИИ — Понимание RAG (генерация с дообучением на ваших базах данных)

2. AI Product Manager – решает, как именно ИИ в продукте закроет боль пользователя, и переводит бизнес-хотелки в задачи для разработчиков. 🤩Вилка зп: 250-500 тыс. ₽/мес (РФ) | $12k-21k/мес (Запад)

Какие скиллы качать: — Умение проводить интервью с пользователями и находить их боли — Понимание возможностей и ограничений ИИ-инструментов — Базовую аналитику данных и метрики — Навык управления командой разработчиков и дизайнеров

3. Prompt Engineer – тестирует текстовые запросы, чтобы заставить ИИ-модель стабильно выдавать нужный результат 🤩Вилка зп: 120-250 тыс. ₽/мес (РФ) | $9k-21k/мес (Запад)

Какие скиллы качать: — Продвинутые техники промптинга (почитать про них можно в этой статье) — Основы настройки агентных систем — Умение тестировать и оценивать качество ответов ИИ-модели — Понимание, как работает контекстное окно и токены

4. MLOps Engineer – берет ИИ-модель и разворачивает её на серверах так, чтобы она работала стабильно 24/7, быстро отвечала юзерам и автоматически обновлялась. 🤩Вилка зп: 250-600 тыс. ₽/мес (РФ) | $12k-23k/мес (Запад)

Какие скиллы качать: — Работу с серверами и контейнерами (Docker) — Настройку автообновлений кода — Мониторинг стабильности ML-моделей в продакшене — Управление облачной инфраструктурой (AWS, Яндекс Облако)

🚀 Я лично вижу главную перспективу за гибридными спецами. Вам не обязательно бросать свою сферу и с нуля идти в хардкорный MLOps, чтобы зарабатывать. Это круто, но быстрее будет стать ИИ-специалистом в своей нише (дизайн, верстка, маркетинг и тд). Тот, кто с ИИ умеет делать свою обычную работу х10 быстрее и качественнее остальных — заберет в своей нише лучшие офферы.

Делаю AI-тренера для своего брата 💪

У меня брат играет в хоккей, сейчас переходит из юниорского хоккея в МХЛ. К концу сезона физически просел, восстанавливался тяжело. На подростковом уровне у игроков общая программа на команду, без поправки на нагрузку и состояние конкретного игрока.

У брата был просмотор в клубе, и вот что я сдалал. Загнал в Claude методики тренеров НХЛ из открытых источников: подкасты, интервью, книги. Каждое утро спрашиваю брата как пульс, сон и в целом самочувствие, агент дает план дня с учетом фазы программы, я сбрасываю ему пдф и отправляю в тг. Сработало: за 10 дней до просмотра подошел в норме. Это работает, но я в этом — ручной мост. На годовой цикл такая схема не масштабируется. ➡️ Поэтому делаю следующий шаг. Полноценный бот: каждое утро он в 8:00 забирает с WHOOP-браслета данные за сутки (восстановление, сон, нагрузка), отправляет их в Claude по API вместе с фазой программы, получает план дня и присылает брату в тг. Если показатели поплыли, бот сам предложит разгрузку.

Стек: WHOOP API, Claude API, Telegram-бот, Beget для хостинга. На круг около $35 в месяц, MVP пишется за вечер.

Чтобы построить такое 5 лет назад, мне нужны были бы бэкендер, продакт, который описал бы поведение и кейсы, а еще хоккейный тренер для методологии. Минимум команда из 3-х и бюджет в сотни тысяч. Сегодня я делаю это один с агентом. Барьер входа в собственный узкий AI-продукт под конкретную задачу упал до бытового уровня... А теперь вопрос к вам) У каждого есть своя задача, которую давно хочется автоматизировать. Поделитесь в комментариях, какую выполнили бы первой? 🤩

Увидел новость от Anthropic — там обещают сделать из Claude проактивного агента, который будет угадывать наши потребности раньше нас самих 😒😐 То есть система, не дожидаясь команд, начнет сама анализировать нащ контекст, привычки и действовать на опережение.

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

С вероятностью 99.9% наступит конец привычных интерфейсов. Проектировать придется не столько экраны, сколько невидимую логику. Главным навыком будет умение выстроить взаимодействие так, чтобы ИИ-агент принимал решение незаметно, но с предсказуемым результатом. Новый подход к UX. Если рутинные решения за юзера принимает агент, то вам нужно будет проектировать продукты, которые понятны не только человеку, но и чужому агенту 🤝 Выиграют сервисы, умеющие бесшовно отдавать агентам нужные данные. То есть от вас (специалистов) будут ожидать решения, которые помогут продукту легко обмениваться инфой с ИИ-помощником. За этот навык и будут платить больше всего. Пока это звучит непривычно, но Anthropic уже собирает под это инфраструктуру... А что думаете вы? 👀 – страшно, вырубай 🔥 – со всем согласен

🎥 Вышло новое видео — Собираем отдел продаж с Claude Code. Полный гайд за 1 час. Разбираю реальную AI-систему, которая работает в продакшне нашей онлайн-школы. AI-копилот, помогающий менеджеру вести продажи в Telegram: — классифицирует каждого входящего лида по 7 измерениям — готовит вариант ответа по запросу менеджера — показывает инбокс в реалтайме — ест ~$8 в неделю на платный API, остальное — на подписке Claude Code В видео показываю архитектуру продакшна и тут же собираю упрощённую версию с нуля за час. На Claude Code, без единой строчки кода, написанной руками. Внутри: DO Framework, прицельные промпты под каждую операцию, выбор моделей под задачу и что делать пользователям из России (Яндекс AI Studio с Qwen и DeepSeek).

Собираем отдел продаж с Claude Code. Полный гайд за 1 час.

🤩 Жмите на название – оно скопируется, затем вставьте его в поисковую строку YouTube 📦 Стартовый пакет из видео — в комментах. Скачиваешь, подставляешь свои ключи, повторяешь сборку под себя.

На связи Паша 😌 хAI вчера показали своего нового кодинг-агента — Grok Build. CLI, терминал, субагенты, поддержка АGЕNТSmd и MCP. Где-то я уже это видел... ...Это ровно тот стек, который Claude Code предложил полгода назад. Агент сам планирует, сам выполняет, умеет работать в фоне без участия человека. Интерфейс сделали красивый, технически – супер. Но нового подхода тут нет. А еще доступ к Grok Build только на самом дорогом тарифе ($300/мес). Для сравнения: мы в школе пользуемся Claude за $100/мес и на этой подписке собираем лендинги, ботов, внутреннюю автоматизацию, агентов. Мне кажется $300 за бету, которую еще никто толком не проверил — это как-то ту мач. Особенно, когда есть столько обкатанных альтернатив 😶 ➡️ Но что меня порадовало в этом запуске xAI — он подтвердил, что кодинг-агент стал стандартом для ведущих ИИ-компаний. Полноценный агент, который планирует, выполняет, коммитит. О чем это говорит нам? О том, что умение работать с AI-агентами — это скилл, который через год будет в базовых требованиях вакансий 🔥 А что думаете вы про Grok Build: составит ли он конкуренцию популярным кодинг-агентам Claude Code, Gemini CLI, Cursor?

Менее двух часов до эфира Дани. Ссылка уже в его канале: https://t.me/+G2kWjNFgpEA2OTky Крутая возможность увидеть работу его AI-агента в Claude Code изнутри) Напоминаю, что прямо в эфире Даня выполнит задачу от крупного банка. За 1,5 часа пройдет такой путь с одним агентом: бриф, ресерч, логика экранов, макеты в Figma, кликабельный прототип и стенд для юзер тестов 🎧

Привет, это Паша) Многие дизайнеры сейчас пытаются внедрить AI в работу, но на реальных задачах всё ломается: AI забывает бриф, игнорирует дизайн-систему и выдает результат, который приходится пересобирать руками. Поэтому продолжают использовать AI-тулзы максимум для правки текстов, сборки рефов или экранов. Если это про вас, советую прийти на эфир с Даней завтра в 18:00 мск. Он покажет настроенный AI-флоу, который держит контекст от ТЗ до финального прототипа 😎 Возьмет абстрактную задачу от крупного зеленого банка и за 1,5 часа соберет концепт дашборда через 1 агента в Claude Codе: бриф и ресерч, структура экранов, макеты в Figma по реальной дизайн-системе, кликабельный прототип. Также Даня разберет стек Claude Code + Figma MCP и покажет, как вам собрать такого AI-агента под свои проекты. 🤩 Переходите в его тг-канал, эфир пройдет там: https://t.me/+G2kWjNFgpEA2OTky