Web-steps клуб

🔥 Новинка в AI‑редакторе! 🔥 Теперь можно создавать тему для WordPress — и всё с помощью простого промпта! 🎉 Достаточно расставить метки конвертера — и AI сделает основную работу за вас. Быстро, удобно, без лишних сложностей. 😎 🎬 В нашем новом видео покажем наглядный пример: как это работает шаг за шагом. 👉 Смотрите видео и пробуйте сами — делитесь впечатлениями в комментариях! 👇 #WordPress #AI #вебразработка

Жиза

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

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

Битва: 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 месяца.

Палю ещё крутую тему! Почти завершили конвертер для импорта сайтов из нейросети в наш редактор. Импорт откуда: — из любой 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 Мск!

Если всё ещё смотришь на нейросети скептически и ждёшь, когда будет сразу понятно — что и как.🫶