Web-steps клуб

Пример плагина сделанного за сегодня между основными задачками.

Дорогие мои дамы и господа! Я ответственно заявляю: я ни хрена не знаю, как писать плагины. Какой язык они там используют, какая должна быть структура и архитектура. Все мои знания по плагинам ограничиваются опытом использования других плагинов. То есть я знаю, как поставить плагин, как полазить, настроить какой-то плагин. Но это всё уже лирика. В итоге я написал уже больше 12 плагинов, которые проданы. Общая сумма заработка по плагинам на сегодня — больше 100 тысяч рублей. Я специально плагины никакие не придумываю. Идеи появляются в процессе общения с заказчиком. Я предлагаю попробовать реализовать эти идеи через плагины — и всё получается. Я не вижу проблемы и преграды, чтобы вас научить писать плагины в ИИ. Возможно, я не супер-разработчик. Но плагины проданы, и ими успешно пользуются мои клиенты. Можно хейтить, что там допущены нейросетью какие-то ошибки, что я не понимаю каких-то вещей. Но на самом деле это всё полная хрень. На моём опыте за 20 лет разработки сайтов могу сказать: если решение помогает клиенту зарабатывать деньги — всё остальное не важно. В связи с этим в ближайшее время запишу короткий курс, как пилить плагины. И дополнительно проведу онлайн-встречу, на которой отвечу на кучу ваших вопросов. Также у нас в клубе есть ребята, которые делают более серьёзные решения, чем я. Буду рад совместным дополнениям материала.

Каждый день в школе выходят новые уроки по конвертору WTW7. Следите за уведомлениями в школе. Тут уже не спамлю каждый урок.

Верстаешь руками в Webflow, генеришь нейросетями или используешь гибрид? Выбирай свой вариант 👇

😅😅😅 Не могу не поделится

🚀 Запускаем новый курс — «AI WordPress». Как и обещал, выходит новый курс по настройке нейросети внутри WordPress. Курс состоит из 5 уроков по 10 минут — справитесь быстро. Суть простая: подключаем провайдера Hubris, который даёт 500 моделей для работы внутри WordPress. Далее через отдельный плагин настраиваем взаимодействие — как внутри WordPress в форме чата, так и через внешний MCP. Также показал, как работать через MCP на примере Cursor. Без проблем подключаете терминал, Codex, Antigravity — любую IDE, которая нравится. Что сможете делать: — писать плагины внутри WordPress, сразу тестировать, допиливать и запускать — создавать и править контент — анализировать SEO-настройки и править их — настраивать любые плагины — создавать поля и править их в плагине ACF — править и создавать дизайн отдельных страниц — генерировать калькулятор внутри любой страницы Вариантов много. Здесь больше работаете с тем, что просит клиент. Курс — в разделе «Плагины WordPress».

У кого проблема читать нас в Тг, то вот канал в MAХ https://max.ru/websokolov

Ключевые выводы по конференции Webflow Conf Keynote 2026. (собрано через AI) 1. MCP 2.1 — агенты получили доступ к ключевым механикам конструктора Раньше ИИ-агенты могли только править текст и простые блоки. Теперь они могут: — создавать сложные анимации и интерактивы (Webflow Interactions) через обычный промпт. Агент строит таймлайны, триггеры, переходы — всё нативно, без ручного копания в панели — работать с CMS-контентом на уровне фильтрации и поиска (но это мы пропускаем) — следить за деплоем и ошибками — агент видит логи при публикации, может сам исправить ошибку и передеплоить 2. Присутствие агента на канве (Agent Presence) Агент теперь отображается как живой участник в интерфейсе: — видно, на какой странице он работает — какие элементы редактирует — его действия синхронизируются в реальном времени Это не просто «сгенерировать код», а полноценное совместное редактирование на визуальном холсте. 3. Контроль действий ИИ (Activity Log) — все правки, сделанные агентом, маркируются как AI-generated и привязываются к источнику — если агент подключается через MCP извне (Claude, ChatGPT и т.п.), его действия тоже логируются — это даёт полный аудит изменений — важно для отката и контроля 4. Releases — безопасная работа с агентами — введена система полноценных бранчей для всего сайта — любое изменение (от человека или ИИ) сначала попадает в ветку, затем проходит ревью, и только потом мержится в прод — это решает проблему, когда агент «решил сделать лишнее» — его правки изолированы до утверждения 5. Генерация инструкций для агентов (Instruction Generation) — агенты работают на основе набора правил: как использовать дизайн-систему, компоненты, переменные — раньше это приходилось писать вручную. Теперь ИИ сам генерирует эти инструкции, анализируя текущий проект — инструкции обновляются автоматически при перестройке сайта 6. Source by Webflow — работа с «сырым» кодом Главный технический сдвиг: — конструктор теперь работает напрямую с исходным кодом (например, Next.js), а не через свою визуальную прослойку — это позволяет ИИ-агентам видеть реальную архитектуру проекта, а не только визуальное представление — для человека интерфейс остаётся визуальным — агент переводит промпт в код и обратно на холст — по сути, Webflow становится обёрткой над кодом, где нейросеть — переводчик между человеком и файловой структурой 7. Персонализация интерфейса через промпты — любая команда может через текстовый запрос создать собственный рабочий интерфейс под конкретную задачу — агент генерирует не только контент, но и сами инструменты управления: панели, фильтры, визуализации данных — это превращает конструктор из статичного набора кнопок в адаптивную среду 8. Агенты как «реальные тиммейты» — агенты не просто выполняют одноразовые команды — они работают автономно в фоне: мониторят аналитику, предлагают улучшения, создают задачи для людей — в Source агенты могут инициировать проекты сами — создать бриф, позвать коллег, подключить внешние инструменты без повторного промпта

Обновление курса «Справочник WtW7». Выкатил урок по пагинации. Это один из самых сложных элементов. Теперь вы можете не верстать его с метками, а просто добавить из каталога в плагине и кастомизировать под свой дизайн.

Выкатили MCP 2.1, который умеет работать с контентом CMS. Ну что тут сказать, на неделе я дам уже такую нейронку, которая тоже самое будет делать внутри Wordpress.

Начинается конференция Webflow! Посмотрим какие инновации в области AI добавят. Прямой эфир: https://www.youtube.com/watch?v=B8BFooHf-nE

🔥🔥🔥 Бомба-Пушка 🔥🔥🔥 Бомба-Пушка! На следующей неделе выкатываем решение для интеграции AI внутрь сайтов на WordPress. У вас будет чат, в котором можно попросить нейросеть сделать любые настройки: создать записи, картинки, оптимизировать SEO, написать нужный плагин, поправить настройки ACF и многое другое. В чём отличие нейросети внутри WordPress от того, чтобы просто дать доступ к хостингу? Дело в том, что нейросеть внутри CMS работает с WordPress как разработчик. Она может создавать записи, проверять работу плагина, править нужные страницы и тут же смотреть, как они выглядят. Если попросите сделать плагин — она соберёт его безопасно в песочнице, проверит работу и только потом выкатит на сайт. Теперь, если у вас что-то не получается реализовать, — просто попросите нейросеть это сделать. На следующей неделе выкачу интеграцию и уроки в школе клуба. Хороших выходных!🤝

Обновление плагина меток WtW7. На этой неделе немного задержались с выпуском уроков по конвертеру WtW7 — в связи с доработкой плагина расстановки меток. Теперь в плагине появился каталог секций для быстрой вставки в Webflow. Каталог начнём скоро полностью наполнять, но пока появятся те блоки, которые идут по уроку. Сможете добавлять их и смотреть, как расставлены метки и как свёрстаны. Обновление плагина — через раздел курса «AI Плагин расстановки меток WtW 7».

Светлая тема в Webflow теперь наследует настройки основного раздела сайта с проектами. Как вам наряд невесты?

❓ Зачем мне учить Webflow, если всё можно легко сверстать сейчас в нейросети? Хочу разобрать частый вопрос на собеседовании при вступлении в клуб. При этом важно очертить портрет человека, который его задаёт. Умеет верстать в Тильде. Разбирается на пользовательском уровне в макетах Figma. Нет понимания правил вёрстки — Тильда этого не даёт. Никогда не имел дела с вёрсткой под CMS WordPress. Максимум — скачать тему и настроить. ⏩ Так вот зачем. 1. Понимание того, как устроена вёрстка. Если у тебя нет опыта работы с Flex, Grid, z-index и так далее — ты не понимаешь, почему на выходе кривой макет с адаптацией. Webflow учит понимать вёрстку. Сделай 3–5 крупных проектов — и можешь пробовать верстать через нейросеть. 2. Полный контроль над проектом. Через нейросеть у тебя контроля нет. Она запросто может сломать то, что недавно починил. Поэтому нужно нарабатывать навыки ограничения её действий через скилы и правила. Работая в Webflow, ты держишь всё под контролем. А значит — быстрые правки и доработки без срыва сроков. 3. Нет зависимости от AI. Не секрет: могут заблокировать аккаунт в нейросети, закончиться токены в неподходящий момент или модель сменится — и та, что отлично работала, начнёт выжигать лимиты с одного промта. Webflow всегда под рукой. И с 2013 года ни разу не было блокировки аккаунта — даже бесплатного. Я не топлю против AI. Только хочу показать: стоит освоить базовый и основной инструмент, прежде чем лезть в неизвестность без компаса.

В июле рассказывал о сервисе Lispr для набора текста голосом. Если зарегались тогда и стали пользоваться, то сейчас пройдите в кабинет и получите Премиум бесплатно навсегда.

Конвертер работает, можно обновлять сайты