Web-steps клуб

Жиза

🔴 Обновление конвертера Webflow.Есть замечания по работе конвертера в формате «обновления по ссылке», особенно на бесплатных аккаунтах. Связано это, скорее всего, с блокировками Amazon-серверов, на которых работает сервис Webflow.В связи с этим мы добавили функцию загрузки архива сайта из Webflow. Для этого у вас должен быть платный аккаунт в Webflow.Схема работы:1. Разработка сайта в Webflow2. Выгрузка zip-архива сайта на свой компьютер3. Загрузка архива в конвертер4. Жмём кнопку обновления сайтаПод капотом конвертер распаковывает архив, прогоняет через себя и загружает обновление на ваш сайт.// Функция «обновления по ссылке» переключается в вашем профиле сервиса. Кто уже работает с сайтами — настройки перестраивать не надо, всё сохранилось как было настроено.

👋 Всем привет!🕒 Я сейчас относительно свободен — беру проекты в работу или оказываю консультационную поддержку вашим проектам.🔧 В поддержку входит и доработка нестандартного функционала.💬 В общем, если нужна помощь по проекту или хочется полностью реализовать какой‑то функционал — пишите в личку! 🚀https://t.me/anton_vyukov

👑 Битва: MCP Claude VS CodexРешил устроить соревнование между двумя нейросетками — на предмет сборки сайта в Webflow по макету в Figma.Для сборки взял слайдер. Они должны были собрать его под SwiperJS.Ну а хрен ли им облегчать задачу? Пусть покажут себя именно на сложном процессе. А то на YouTube блогеры берут статичные секции и восторгаются, как всё круто.Порядок действий:1. Нейросеть идёт в Figma и изучает секцию для последующей вёрстки2. Идёт в Webflow и верстает секцию3. Даёт JS‑код для вставки в макет (если он необходим, потому что через MCP в Webflow импортировать код она не может)Победил с огромным перевесом!!!Барабанная дробь!!!!И вы даже офигеете!!!Codex с моделью ChatGPT 5.4Да. Вот так рассыпались все хваленые опусы Claude с его суперразумностью.Больше скажу: я на сборку слайдера в Claude убил весь дневной лимит. Этот тупезнь так и не смог собрать.CODEXX — этот бог собрал всё с одного промпта.Тут результат: https://shablon-cf20c2.webflow.io/// Кстати, это секция из нашего каталога, которая ещё не добавлена в формат Webflow. Надо закинуть теперь )))

Нашёл крутой сервис, который с корнем выдирает дизайн‑систему с любого сайта.На выходе получаете готовый файл DESIGN_mdГрузите его вместе со скриншотами сайта в нейросеть — и генерируете свой сайт.Сервис: https://www.design-extractor.com/

🎉 Отличные новости!Сегодня, несмотря на выходные, вышли последние уроки курса «Аналитика AI для создания сайта». Это значит, что курс полностью готов и доступен целиком.Курс получился компактным (16 уроков) и очень практическим. В нём нет абстрактной теории ради теории. Только реальный процесс, который позволяет за несколько часов собрать аналитику проекта, подготовить структуру сайта, контент, дизайн-систему и передать всё это в работу.В финальную часть курса вошли уроки:• Разработка структуры и SEO сайтаУчимся создавать правильную структуру проекта, продумывать страницы и закладывать SEO ещё до начала дизайна.• Разработка KPI и метрик проектаОпределяем, как измерять эффективность сайта и какие показатели действительно важны для бизнеса.• Разработка структуры страниц (Skill)Используем AI для автоматического создания подробных брифов страниц и логики блоков.• Разработка контента сайта (Skill)Генерируем тексты для главной страницы, услуг, SEO-разделов, FAQ и других страниц проекта.• Создаём Skill SMM и пишем клиенту контент-план на месяцНастраиваем собственного AI-помощника для подготовки публикаций и контент-планов.• Разработка финальной дизайн-системы сайтаСобираем цвета, шрифты, визуальный язык и правила интерфейса в единую систему.• Создание дизайн-системы в Claude DesignПередаём всю аналитику в Claude Design и получаем основу для дальнейшей генерации дизайна сайта.Спасибо всем, кто следил за выходом уроков, задавал вопросы и помогал улучшать материалы по ходу записи.Приятного обучения! 🚀💙

кстати, продавая сайты клиенту можете в подарок ему сказать что разработаете SMM стратегию для ведения соцсетей на 3 месяца.

Вот пример разработанного контент-плана на месяц и пример поста. ВАЖНО!!!Посты это не про чтобы взять скопировать и отправить в ТГ. Обязательно поправить и сделать его более живым. Но исправить за 5 минут проще, чем все написать с нуля. короче опять ПУШКА, БОМБА 🔥

Палю ещё крутую тему!Почти завершили конвертер для импорта сайтов из нейросети в наш редактор.Импорт откуда:— из любой IDE (Cursor, Trae, Antigravity, Codex и так далее)— из любой дизайн-системы типа Open Design и других— импорт просто сайта в формате HTML, CSS, JavaScriptДальше — доработка руками или нейросетью внутри редактора и перенос на WordPress.Если клиент со временем обратится за доработкой проекта — возвращаетесь в редактор, доделываете и обновляете сайт.ПУШКА, БОМБА! 💥

🔴 Генерация секций в WS Editor через AIПоказываю, как сейчас работает генерация через нейронку в нашем редакторе. Беру довольно сложную секцию — там флексы, своя структура, не просто текст с картинкой. Захожу в режим AI, подгружаю картинку референса и пишу Claude: «сверстай эту секцию».Через пару секунд — готовый HTML/CSS блок. Полностью сверстанный, с мобильной версией сразу из коробки.ПО КАРТИНКЕ! Даже без детального описания, правил и скиллов (что скоро еще появится).Что важно: вам не надо писать промпты про размер блока, отступы и прочее. Вы просто видите результат и правите его в визуальном редакторе. Не понравилась картинка — поставили свою. Надо пошире — потянули. Всё.Всё, Карл!Двигаемся быстро. Результат уже сейчас годный. 💪👑

🚀 В курс «Аналитика AI для создания сайта» добавил 6 новых уроков. Новые уроки:• Команды для управления ClaudeПоказываю, как правильно работать с Claude во время аналитики: управление контекстом, структура запросов, работа с большими документами и получение более точных результатов.• Разработка раздела «О компании»Учимся собирать информацию о бизнесе, формулировать миссию, преимущества, историю компании и превращать всё это в понятный раздел сайта, который вызывает доверие.• Разработка раздела «Аудитория сайта»Разбираем сегменты клиентов, портреты целевой аудитории, боли, потребности и путь клиента. Именно на этом этапе становится понятно, для кого мы создаём сайт. • Анализ конкурентовПоказываю, как с помощью AI быстро изучить конкурентов, найти сильные и слабые стороны их сайтов, выявить шаблонные решения и найти возможности для отстройки. • Разработка раздела «Маркетинг»Формируем позиционирование компании, Tone of Voice и определяем каналы привлечения клиентов. Всё это напрямую влияет на структуру и контент сайта. • Как провести синтетический кастдевОдин из самых интересных уроков. Показываю, как использовать AI в роли клиента, проводить интервью с синтетическим респондентом и получать инсайты для заголовков, офферов, FAQ и структуры сайта. В итоге шаг за шагом собирается полноценная аналитика проекта: от понимания бизнеса и аудитории до структуры сайта, текстов и дизайна.

На следующей неделе планирую завершить запись и выпуск курса «Аналитика в AI для разработки сайта», а затем провести живую встречу на эту тему.Если вы делаете сайт без анализа — надеяться, что он будет продавать, бесполезно.Раньше на аналитике сыпались все разработчики. Да что там юлить — они её нифига не делали.Теперь у вас нет отмазок. Всё можно сделать за один день. И в качестве — любой маркетолог залюбуется.На встречу идти без хотя бы поверхностного теста системы, которую я даю, — бесполезно. Мы будем тогда разговаривать как глухой с немым.Поэтому предварительно ставлю встречу на 22 июня, 19:00 Мск!

Думаю стоит еще добавить нишу в которой проводиться кастдев