Web-steps клуб

Стартовал курс «Аналитика сайта в AI». О нем подробно рассказывал тут. Сейчас вышло три урока. И по сути этого уже достаточно, чтобы вы провели всю аналитику и получили готовый блок UI для создания своего сайта и маркетинговой стратегии. В документе подготовлен максимально подробный гайд — со всеми пошаговыми действиями и промтами. Дальше уроки будут показывать, как всё собирается на практике. Но можете их не дожидаться и провести первую аналитику самостоятельно. Все материалы доступны в рамках доступа в клуб. Как получить доступ тут

Какие нейросети уже подключены в редактор WS Editor, сколько стоят и как оплачивать картой РФ.

Мы уже запилили нейросети в наш редактор WS Editor. Решил спалить промежуточные результаты — как всё уже работает. Что круто: — Получилось соединить два интерфейса: редактор и чат с AI, которые переключаются друг между другом. — Можно выбирать блок, который надо изменить, и нейросеть не трогает остальные элементы сайта. — Подключаем не только нейросетки напрямую, но и находим поставщиков в РФ с оплатой картами РФ. — Не нужно для работы с нейросетями в редакторе использовать VPN. Сейчас всё на стадии разработки, но двигаемся довольно быстро.

▶️ Показываю, как AI будет собирать для вас аналитику клиента по готовым промптам. Это система, которую я сейчас готовлю для клуба вместе с отдельным обучающим курсом. Самая большая проблема в разработке сайтов не дизайн и не верстка. Проблема в том, что большинство исполнителей не знают, как правильно разобраться в бизнесе клиента. В итоге сайты делают по принципу: посмотрели конкурентов, скопировали структуру, поменяли текст. ⏩ В моей системе AI шаг за шагом поможет собрать: • информацию о компании; • анализ конкурентов; • портрет целевой аудитории; • преимущества бизнеса; • структуру сайта; • рекомендации по UX и контенту; • готовое ТЗ для разработки.

Вам не нужно придумывать сложные запросы или строить процесс с нуля. Всё уже упаковано в готовую последовательность действий и промптов.

По сути, вы просто проходите по чек-листу, а нейросеть выполняет большую часть аналитической работы за вас. В видео показываю, как это выглядит на практике и какой результат получается на выходе. Скоро добавлю всё это в клуб 🚀

⚠️ Важно для пользователей почты @tut.by Если в системе школы у вас указан email на домене @tut.by, рекомендуем заранее заменить его на другой адрес. Домен tut.by в настоящий момент полностью заблокирован на территории Беларуси на основании законодательства и судебных решений. Это значит, что письма от школы (или для восстановления пароля) на ящики с окончанием @tut.by перестанут доходить. Так же проблема при оплате. Не принимается платежными сервисами данный email. !!! Срочно ничего делать не нужно. Достаточно заменить адрес до следующей оплаты или до момента, когда потребуется восстановление доступа. Для смены email напишите в поддержку и укажите: 1. Текущий email в системе. 2. Новый email, на который нужно выполнить замену. Бот поддержки: @mssupportschool_bot

🧐 Аналитика клиента через AI для разработки сайта Одна из самых сложных задач в создании сайта — это не дизайн и не верстка. Самое трудоемкое начинается гораздо раньше: нужно разобраться в бизнесе клиента. Перед тем как рисовать первый экран, важно ответить на несколько вопросов: • Что именно продает компания? • Чем она отличается от конкурентов? • Кто ее потенциальные клиенты? • Какие проблемы и потребности есть у этой аудитории? • Почему люди должны выбрать именно этот продукт? • Как выглядит путь клиента от первого знакомства до покупки? Раньше на сбор такой информации могли уходить недели. Нужно было изучать рынок, анализировать конкурентов, проводить интервью, собирать материалы и систематизировать данные. Сегодня значительную часть этой работы помогают выполнять нейросети. За один день можно собрать базовую аналитику по нише, изучить сайты конкурентов, выделить их сильные и слабые стороны, сформировать несколько портретов целевой аудитории и подготовить основу для технического задания на разработку сайта в нейронке. Но больше всего меня впечатляет возможность проводить синтетические кастдевы. Если говорить простыми словами, кастдев — это общение с потенциальными клиентами для понимания их потребностей, страхов, возражений и мотивации к покупке. Когда мы уже понимаем целевую аудиторию, нейросеть может смоделировать несколько типов клиентов: например, новичка, опытного покупателя, скептика или человека с ограниченным бюджетом. После этого можно задавать им вопросы и получать предположительные реакции на продукт, рекламу или структуру будущего сайта. Конечно, синтетический кастдев не заменяет разговоры с реальными людьми. Нейросеть строит ответы на основе имеющихся данных и вероятностей, а не на основе реального жизненного опыта конкретного человека. Но есть важный плюс. Если у проекта нет бюджета на полноценные маркетинговые исследования или нужно быстро проверить гипотезы перед запуском, такой подход помогает увидеть слабые места продукта, найти новые идеи для позиционирования и лучше подготовиться к общению с настоящими клиентами. Поэтому сегодня AI стоит рассматривать не как замену маркетологу или исследователю, а как очень сильного помощника, который способен сократить недели подготовки до нескольких часов и дать хорошую основу для принятия решений. Чем больше я работаю с сайтами, тем сильнее убеждаюсь: хороший сайт начинается не с красивого дизайна, а с качественной аналитики. Можно использовать самые современные инструменты, лучшие нейросети и модные UI-решения, но если нет понимания аудитории, продукта и рынка, результат будет посредственным. Сейчас даже думаю сделать отдельный небольшой курс по AI-аналитике для разработки сайтов. Потому что вижу, как многие сразу переходят к дизайну, пропуская самый важный этап. В итоге сайт выглядит красиво, но продаёт слабо.

Телеграм-бот, который умеет подбирать и — самое важное — проверять доступность домена по двум словам на русском языке. Бот пригодится, если: — нужно проверить доступность определённого доменного имени — нужен инструмент для подбора доменного имени Бот: @ruwhois_bot Автор бота: @Zelyutin

Нашел классный инструмент для экономии токенов при работе с документами. Называется MarkItDown. Это бесплатный инструмент от Microsoft, который превращает документы в чистый Markdown-формат, максимально удобный для работы с нейросетями. Поддерживаются: • PDF • Word (.docx) • PowerPoint (.pptx) • Excel (.xlsx) • Изображения (OCR) • HTML • CSV, JSON, XML • EPUB • ZIP-архивы • Аудиофайлы • YouTube-ссылки Зачем это нужно? Когда вы загружаете большой PDF или DOCX в ChatGPT, Claude или Gemini, часть токенов тратится на служебную разметку и лишние данные. MarkItDown сначала преобразует документ в чистый Markdown, сохраняя структуру заголовков, списков и таблиц. В результате: ✅ меньше расход токенов ✅ лучше качество анализа документов ✅ удобнее создавать базы знаний и RAG-системы ✅ проще работать с агентами и локальными LLM Самая простая модель работы с ним через приложение Codex или любой другой IDE. Но можно работать и напрямую на компьютере через терминал. 👉 Установка на Mac Откройте Терминал и выполните:

python3 -m pip install markitdown

Если Python не установлен:

brew install python

После установки перейдите в папку с документом:

cd ~/Documents

Конвертация PDF:

markitdown document.pdf > document.md

Конвертация Word:

markitdown document.docx > document.md

👉 Установка на Windows Откройте PowerShell. Убедитесь, что установлен Python:

python --version

Если Python отсутствует, скачайте его с python.org и обязательно поставьте галочку Add Python to PATH. Установка:

pip install markitdown

Перейдите в папку с документом:

cd C:\Documents

Конвертация PDF:

markitdown document.pdf > document.md

Конвертация Word:

markitdown document.docx > document.md

После конвертации получаете обычный Markdown-файл, который можно: • загружать в ChatGPT и Claude • использовать в собственных ИИ-агентах • добавлять в RAG-базы знаний • индексировать для локальных LLM

🔴 Генерация AI-веб-дизайна Premium уровня. Проблема номер один любого разработчика сайтов — это создание дизайна. Совсем недавно я говорил, что хороший веб-дизайн ещё долго не сможет делать нейросеть. И вот настало то время, когда AI делает это быстро и просто.

Но самое важное — на 90% лучше всего, что вы найдёте на русском Behance.

Главная задача генерации дизайна была в том, чтобы не объяснять по сто раз, какие цвета, шрифты, формы использовать, в какой стилистике и тональности должен быть сайт. Сейчас создаётся специальный файл, в котором всё описано. И дальше поблочно ты создаёшь сайт с нужными правками сразу в системе. Если клиент хочет получить макет в Figma — без вопросов, выгружается всё. При этом в формате автолейаутов. В данный момент мы работаем над вопросом импорта блоков сразу в наш редактор — с последующей докруткой и переносом на WordPress. Используя наш редактор, мы получаем управляемую систему поддержки сайтов. Пример: клиент обратился через 2–3 месяца и попросил переделать или что-то добавить. Вы генерите новые блоки в AI, добавляете их в редакторе. Далее обновляете уже работающий сайт на WordPress без потери данных. Что в планах: 1. Запись материалов по предварительной аналитике конкурентов и подготовке контента сайтов в AI 2. Запись материалов по управляемой генерации сайтов в AI под готовую разработку В разработке: 1. Перенос макетов из AI сразу в наш редактор WS Editor 2. Работа внутри редактора над макетами через AI

🔴 Генерация AI-веб-дизайна Premium уровня. Проблема номер один любого разработчика сайтов — это создание дизайна. Совсем недавно я говорил, что хороший веб-дизайн ещё долго не сможет делать нейросеть. И вот настало то время, когда AI делает это быстро и просто.

Но самое важное — на 90% лучше всего, что вы найдёте на русском Behance.

Главная задача генерации дизайна была в том, чтобы не объяснять по сто раз, какие цвета, шрифты, формы использовать, в какой стилистике и тональности должен быть сайт. Сейчас создаётся специальный файл, в котором всё описано. И дальше поблочно ты создаёшь сайт с нужными правками сразу в системе. Если клиент хочет получить макет в Figma — без вопросов, выгружается всё. При этом в формате автолейаутов. В данный момент мы работаем над вопросом импорта блоков сразу в наш редактор — с последующей докруткой и переносом на WordPress. Используя наш редактор, мы получаем управляемую систему поддержки сайтов. Пример: клиент обратился через 2–3 месяца и попросил переделать или что-то добавить. Вы генерите новые блоки в AI, добавляете их в редакторе. Далее обновляете уже работающий сайт на WordPress без потери данных. Что в планах: 1. Запись материалов по предварительной аналитике конкурентов и подготовке контента сайтов в AI 2. Запись материалов по управляемой генерации сайтов в AI под готовую разработку В разработке: 1. Перенос макетов из AI сразу в наш редактор WS Editor 2. Работа внутри редактора над макетами через AI

📦 Nano Banana Pro — открытый репозиторий с лучшими промптами для нейросетей В сообществе набирает популярность GitHub-репозиторий Nano Banana Pro, в котором собрано 10 000+ промптов для генерации изображений через AI. Внутри — готовые шаблоны для фотореалистичных портретов, стилизованной эстетики и сложных творческих экспериментов. Материалы собраны из X, WeChat, Replicate, а также от топовых разработчиков промптов. 🔓 Лицензия CC BY 4.0 — можно использовать свободно. ⚡ Как работать: 1. Копируешь промпт 2. Заходишь в ChatGPT или Gemini 3. Прикрепляешь фото (при необходимости) 4. Получаешь результат 👉 Звезд на GitHub уже 10k+: https://github.com/ZeroLu/awesome-nanobanana-pro/blob/main/README.md // Для новичков запишу видео как пользоваться.

Плагин расстановки меток в редакторе клуба — WS Editor. Напомню: метки нужны, чтобы конвертер понимал, как перенести сверстанный в редакторе сайт на WordPress. Идея новой модели плагина родилась из решения, которое создано для меток в Webflow. Короче — смотрим видео, обратку в комментарии.

✍️ Добавили в редактор WS Editor встроенный Типограф Теперь тексты на сайтах можно автоматически приводить к нормальной типографике без ручной правки. Ну и дизайнеры не будут делать мозги "Убери висячие предлоги". Что умеет: • заменяет обычные кавычки на правильные «ёлочки» • автоматически ставит длинное тире вместо дефиса • убирает двойные пробелы и лишние пробелы перед знаками препинания • добавляет неразрывные пробелы там, где это нужно • исправляет распространённые мелкие ошибки в оформлении текста • корректно работает с русской типографикой и спецсимволами Особенно полезно для: — SEO-текстов — блогов — лендингов — описаний товаров — статей и обучающих материалов Теперь текст после вставки выглядит аккуратнее, профессиональнее и чище без дополнительной ручной вычитки. Лайк жмакни, мы стараемся 🤝

Месяц назад списался с нашим все Timothy Ricks и попросил на его роликах на Youtube включить русские субтитры. Все добавил. Можем смотреть его новые ролики по Webflow. 💪

Делимся новой находкой. Это ONLYOFFICE Desktop Editors — бесплатный офисный пакет с открытым исходным кодом. ONLYOFFICE Desktop Editors — это набор десктопных приложений для работы с документами, таблицами, презентациями и PDF. Работает на Windows, macOS и Linux. Что включено - Document Editor — редактор текстовых документов (.docx, .odt, .rtf, .txt) - Spreadsheet Editor — редактор электронных таблиц (.xlsx, .ods, .csv) - Presentation Editor — редактор презентаций (.pptx, .odp) - Form Creator — конструктор форм - PDF Editor — редактор PDF - Diagram Viewer — просмотрщик диаграмм Ключевые особенности - ✅ Полная совместимость с форматами Microsoft Office (DOCX, XLSX, PPTX) - ✅ Работа офлайн — не нужен интернет - ✅ AI-ассистенты встроены - ✅ Цифровые подписи и защита паролем - ✅ Тёмная тема - ✅ 46 языков интерфейса (есть русский) - ✅ Плагины для расширения функционала - ✅ Открытый исходный код (GNU AGPL v3) Альтернатива Microsoft Office, который блокируется везде безбожно. Как всегда лайк под полезняхой! 👍

Новости по редактору WS Editor. С момента последней новости — что хотим уйти в формат редактора с кастомной CMS — прилетело много обратной связи. И под постом, и в личку. В итоге вы защищали решение по редактору в формате конвертера для CMS WordPress. И с некоторыми вашими доводами сложно не согласиться. Это и популярность CMS у заказчиков, и то, что много плагинов для расширения функционала. Многие уже своих плагинов напилили и работают. Нам нет смысла идти против клуба. Поэтому решили в приоритет поставить выпуск финальной версии редактора WS Editor для работы с WordPress. Скажу больше — он уже на финальной версии. В связи с этим продолжаем уже начатую запись уроков по редактору, вёрстке и переносу на WordPress. Есть по редактору несколько крутых решений — скоро покажем. P.S. От идеи редактора со своей CMS не отказываемся. Просто вы поменяли приоритет.

Знаете, что такое бентосетки? Это такой способ расположения блоков на странице, когда контент собирается не в скучную вертикальную «простыню», а в аккуратную визуальную сетку. В итоге страница выглядит легче, современнее и понятнее. Бентосетки хорошо работают для: • главных экранов; • блоков с преимуществами; • тарифов; • презентации продукта; • портфолио; • лендингов и промостраниц. Почему это удобно? Пользователь быстрее считывает информацию. Ему не надо продираться через длинный текст. Он просто видит структуру: что важно, где выгода, куда нажать дальше. Но есть важный момент. Бентосетка сама по себе не делает сайт красивым и продающим. Если просто раскидать блоки по разным размерам, получится визуальный шум. Нужны логика, иерархия и нормальные отступы. То есть сначала смысл, потом дизайн. Ловите офигительный каталог бентосеток для веба.

Чтобы разбавить тишину между разработками материалов для клуба, хочу поделиться полезным сервисом для дизайна сайтов и сервисов. Сервис Getdesign — это коллекция UI-блоков различных брендов. Как использовать: 1. Если делаете дизайн сайта в Figma В карточке бренда найдёте все нужные значения: цвета, размеры типографики, скругления бордеров, карточки, кнопки и так далее. 2. Если делаете дизайн в нейросети Достаточно скормить ссылку на UI-комплект и попросить разработать сайт в этой стилистике. Если полезно — лайк.👍 Не ленитесь поддержать, от этого будет зависеть полезность наших пауз.🤓

🙌 Пост про поддержку На связи Антон Вьюков 👨‍💻 Напоминаю, что оказываю консультационную помощь по вашим проектам. Помогаю спланировать архитектуру сайта, помочь с настройкой меток, подключением типов записей, таксономий и настройки фильтров. 💫 Так же могу помочь в доработке нового нестандарного функционала. Плагины фильтрации, оплаты, бронирование и любой другой функционал. Помогу оценить что стоит делать на Вордпресс, а что нет. И какие есть еще варианты. 💡Беру заказы на подключение сайта к админке под ключ (не только WordPress). По всем вопросам пишите мне в личку https://t.me/anton_vyukov