Как посмотреть, как сделан сайт: DevTools без взлома
Безопасный разбор публичного сайта через Elements, исходный HTML и Network: что можно доказать, что остаётся предположением и чего браузер не показывает.
Страница 6 из 8
480 статей с тегом #вайбкодинг: пошаговые инструкции, обзоры инструментов и разборы. Другие темы в категориях и хэштегах ниже.
Безопасный разбор публичного сайта через Elements, исходный HTML и Network: что можно доказать, что остаётся предположением и чего браузер не показывает.
Пошаговая сборка вкладок внутри страницы с понятными кнопками, панелями, переключением на JavaScript и управлением с клавиатуры.
Практический чек-лист качества сайта: понятная задача, удобная навигация, мобильная версия, доступность, скорость, формы и базовая подготовка к поиску.
Пошагово назначаем существующую страницу главной в Tilda, Wix, WordPress и статическом сайте, затем проверяем адреса, меню и индексацию.
Как подготовить изображения, собрать фотогалерею без кода или с ИИ и проверить скорость, мобильную версию, подписи и ссылки.
Бот принимает обращения, отвечает на повторяющиеся вопросы и вовремя зовёт человека. Разбираем три способа собрать такого бота в Telegram и что писать в его первом сообщении.
Из каких файлов состоит значок сайта в 2026 году, где его нарисовать (в том числе нейросетью), какие теги прописать и почему иконка не появляется во вкладке.
План на один рабочий день: что делать утром, днём и вечером, готовые промпты для каждого этапа и честный список того, что за день не собирается.
Как за вечер собрать страницу для встречи выпускников: что на ней нужно, готовый промпт для ИИ, форма подтверждения, общий фотоархив и запрет индексации.
Язык интерфейса конструктора и язык готового сайта это разные вещи. Разбираем промпты для русских текстов, кракозябры, шрифты с кириллицей, типографику и адреса страниц.
Разбираем, чем статический QR-код отличается от динамического, где сгенерировать его бесплатно, какого размера печатать, как добавить метку в ссылку и как поставить QR-блок прямо на свою страницу.
Пять дыр, которые чаще всего остаются в сайтах, собранных с помощью ИИ: ключи в коде, форма без фильтра, открытая админка, отсутствие копии и чужие скрипты. Чек-лист и промпты для проверки.
Прокси для Codex настраивается в двух разных местах: у приложения через систему, у CLI через переменные окружения. Разбираем оба пути, параметры config.toml и ошибку сертификата.
Код и файлы лежат у вас, команды выполняются на вашем компьютере, а модель отвечает из облака. Что уходит на серверы, как это ограничить и стоит ли подключать локальную модель.
Пароль на сайт, доступ по списку адресов, страница «идут работы» с кодом 503, robots.txt и noindex, закрытая админка и чек-лист, как открыть сайт обратно без потери поиска.
Платформа Вайбкод для Битрикс24, MCP-сервер против выдуманных методов API, доработки CMS через папку /local/ и порядок работы, при котором не падает боевой сайт.
Разбираем, какие программы реально ставят, чтобы сделать сайт: браузер и конструктор без установки, десктопные приложения Claude и ChatGPT, редактор кода с ИИ. Плюс мелкий софт для просмотра, картинок и загрузки на хостинг.
Готовый сайт можно выложить на российский хостинг, на бесплатную площадку или опубликовать прямо из конструктора. Разбираем, куда загружать файлы, как привязать домен и что проверить после запуска.
Чем название сайта отличается от домена и тега title, как придумать имя с помощью ИИ, проверить его на занятость и прописать в коде страницы.
Четыре способа связать Excel и сайт: опубликовать таблицу ссылкой, забрать данные через CSV, разобрать файл скриптом и отправлять заявки со страницы обратно в таблицу.
Сайт доставки для еды, цветов, воды или магазина у дома: меню со стоп-листом, зоны и стоимость доставки, время, приём заказа в телеграм и оплата по закону. Два пути: готовая платформа и свой сайт по промпту.
Бесплатные тарифы ИИ-сервисов в цифрах, цены публикации в App Store, Google Play и RuStore, бесплатный хостинг и честный вывод: где бесплатное заканчивается.
Консоль в работе с ботами это сразу две вещи: кабинет разработчика на стороне платформы и командная строка на компьютере. Разбираем путь целиком, от регистрации бота до запуска на сервере.
Как сделать рабочий интерфейс руками Claude: артефакты, промпт под экран и состояния, правки обычными фразами, вывод кода к себе и честные ограничения.
Как открыть терминал на Windows и Mac, перейти в папку проекта командой cd и запустить Claude. Разбор типовых ошибок и вариант, при котором терминал не нужен вовсе.
У Anthropic нет продукта с таким названием. Разбираем, что реально играет роль студии: Console с Workbench, Claude Code, Cowork, чем похож Google AI Studio и что доступно из России.
Разбираем, какие программы ставят для вайбкодинга: десктопные приложения, редакторы с ИИ, консольные версии и то, что реально работает с телефона. С порядком установки.
Два разных сервера за одной задачей: площадка Discord с готовыми ботами и арендованный VPS для своих ботов. Шаги, цены 2026 и что реально можно сделать бесплатно.
Что умеет телеграм-бот с видео: кружки, нарезка, сжатие, расшифровка речи и автопостинг в канал. С лимитами Telegram на файлы и шагами сборки без опыта.
Разбор для школ, детских садов, НКО, клубов и муниципальных учреждений: какие разделы и документы обязательны, что требует закон о персональных данных, где размещать сайт и как собрать его с ИИ.
Отдельная страница для телеграм-канала: кнопка подписки, официальный виджет с постами и форма заявок в бота. Четыре формата, готовый промпт для ИИ и цены на домен в 2026 году.
Пост на сайте это отдельная запись с датой, а не абзац на главной. Разбираем, где она живёт, из чего состоит и как публиковать её в конструкторе, в WordPress и на самодельном сайте.
Одна страница вместо целого сайта: разбираем структуру секций, якорную навигацию с плавной прокруткой, пределы формата в поиске и готовый промпт для сборки с ИИ.
Бот не может написать человеку первым, пока тот не нажал «Старт». Разбираем, где взять chat_id, как настроить отправку по расписанию и по событию с сайта и какие лимиты у Telegram.
Claude и Qwen: чем отличаются, где проще доступ из России, сколько стоят, что дают открытые веса Qwen и как подключить Qwen к Claude Code.
Чем заменить Claude Code в 2026 году: десктопные приложения, агенты в терминале, расширения для редактора и российские инструменты. С ценами и разбором оплаты из России.
Сколько вакансий со словом «вайбкодинг» реально есть на hh.ru и Хабр Карьере, под какими формулировками навык прячется в требованиях и что показать работодателю.
Иконка сайта рядом с обычными приложениями: шаги для iPhone и Android, минимальный манифест для своего проекта и промпт, которым это добавляет ИИ-ассистент.
Разбор протокола MCP: из чего состоит связка клиент-сервер, что сервер отдаёт агенту, какие бывают транспорты, готовые серверы и на что смотреть с точки зрения безопасности.
Из чего состоит шапка сайта, готовая разметка со стилями, правила для телефона, липкая шапка и три промпта, по которым ИИ соберёт хедер за пару минут.
Форматы отзывов на сайте, как просить их у клиентов, форма приёма с модерацией, сборка блока с ИИ и правда про звёзды в поиске.
Когда ссылка удобнее файла PPTX, из каких пяти экранов собрать сайт-презентацию, три промпта для ИИ-ассистента и как выгрузить результат в PDF.
Три уровня защиты паролем: настройка на хостинге за 10 минут, пароль внутри кода страницы (и почему это не защита) и полноценный вход с базой пользователей.
Справочник по вставкам: форма заявки, кнопка звонка, карта, видео, галерея, счётчик Метрики, чат и ссылка на Telegram. Что нужно, куда кладётся код и какие ошибки ломают страницу.
Разбираем бота, который доводит человека до оплаты: сценарий по шагам с примерами сообщений, приём денег внутри Telegram, чек для самозанятого и честный список мест, где бот теряет клиентов.
Фоновая музыка, звуки кнопок, плеер и озвучка текста: рабочие схемы, ограничение браузеров на автозапуск со звуком, вес файлов и генерация аудио нейросетями.
Разбираем две задачи сразу: как аккуратно показать таблицу на странице (включая телефон) и как сделать сайт, который сам подтягивает строки из Google Таблицы или Excel.
Контраст, alt, работа с клавиатуры и экранные читалки: что делает сайт доступным. Что требует закон в России в 2026 году, как проверить страницу бесплатно и как поручить переделку вёрстки нейросети.
Что нужно, чтобы принимать заказы через сайт: витрина, корзина, оплата, доставка и учёт остатков. Четыре пути собрать магазин в 2026 году, цены, сроки и юридический минимум.
Тёмная тема ломается на двух крайностях: чёрный фон и белый текст. Разбираем рабочую палитру, автопереключение под систему, кнопку с запоминанием выбора и промпт для ИИ.
Разбираем состав карточки товара: фото, цена, характеристики, кнопка. Плюс шаги в конструкторе, промпты для описаний, разметка Product и сборка каталога.
Плагин ставит набор функций одной командой: команды, навыки, субагентов, хуки и MCP-серверы. Разбираем установку, управление, безопасность и разницу с навыками и расширениями.
Разбираем исходящие сообщения бота в группе: где взять chat_id, как влияет режим приватности, как отправить sendMessage, встречать новых участников, слать по расписанию, закреплять и убирать служебные строки.
Как собрать бота для Minecraft на Node.js с библиотекой mineflayer, используя ИИ-ассистента вместо навыков программирования, и почему запускать его стоит только на своём сервере.
Из каких папок состоит проект сайта, как из них получаются адреса страниц, куда заливать файлы на хостинге и как попросить ИИ сразу разложить всё по местам.
Конструкторы, CMS и ИИ-сборщики: чем отличаются, кому что подходит, сколько стоят в 2026 году и как собрать на выбранной платформе первый сайт.
На сайте запросом называют и форму заявки, и строку поиска, и обращение страницы к внешнему сервису. Разбираем все три задачи и показываем, как отправить запрос с помощью ИИ, не потеряв ключи.
Структура сайта услуг для частного специалиста: каталог с ценами, портфолио, кнопка записи и предоплата. Плюс готовый промпт, чтобы собрать страницу с ИИ за вечер.
Разбираем сайт организации: структура страниц, что убеждает корпоративного клиента, обязательные по закону политика и реквизиты, домен с почтой на своём бренде и готовый промпт для сборки.
Шесть моделей дохода со своего сайта: заявки на услугу, свой продукт, подписка, партнёрки, реклама и микросервис. По каждой честно: сроки, трафик и где обычно ломается.