AI Vibe Coding — лендинги через ИИ
1.43K subscribers
6 photos
22 links
AI-редакторы (Cursor, Claude Code, Windsurf, Bolt.new, Lovable.dev)
и vibe coding для веб-мастеров. Как собирать лендинги, прелендеры
и мини-сайты через ИИ без верстальщика. Промпты, шаблоны, провалы.
Канал сети public.tg.
Download Telegram
CodeRabbit выкатил Review — интерфейс для сложных PR. Что меняется для веб-мастера:

Обычный GitHub PR часто выглядит как плоский список файлов. Если ИИ нагенерил лендинг, форму, API-ручку и стили за один проход — потом сложно понять, где логика, где UI, где побочные изменения.

CodeRabbit Review обещает разложить PR в guided walkthrough: не по алфавиту файлов, а по независимым change cohorts — связанным блокам работы.

Практический смысл:
— проще проверять PR после Cursor / Claude Code / Bolt.new
— меньше шансов пропустить связку изменений в разных файлах
— можно смотреть не «что изменилось в файле X», а «какая часть задачи была изменена»

Ещё фича: если слой достаточно структурный — новый API contract, state transition или cross-service call sequence — Review может показать диаграмму рядом с diff.

Важно: сами отзывы публикуются обратно в GitHub нативно. То есть это не отдельный закрытый мир, а надстройка над обычным ревью-процессом.

Для vibe coding это полезно не как «ещё один AI-ревьюер», а как интерфейс для разбора больших AI-generated PR, где модель изменила сразу много мест.

#ai_tools #ai_coding

Источник: https://www.coderabbit.ai/blog/introducing-atlas-the-first-ai-native-code-review-interface
Codex / Claude Code: простая защита от багов в vibe coding

Кейс от веб-мастера: сейчас 90% работы он делает через приложение Codex. Иногда подключает Claude Code и браузерное расширение.

Что поменял:
добавил дополнительную инструкцию в процесс разработки через Codex или Claude Code. По его словам, в целом стало лучше.

Важный нюанс для тех, кто собирает лендинги и прелендеры через ИИ:
из-за тестов процесс немного замедляется. Но это нормальный обмен — лучше подождать дольше, чем потом руками ловить баги в форме, адаптиве или логике страницы.

Что забрать себе:
если используете Codex / Claude Code не как «генератор кода», а как рабочего сборщика страниц, добавляйте в промпт обязательный этап проверки. Не просто “сделай лендинг”, а “после изменений проверь, что ничего не сломалось”.

Это особенно полезно на типовых задачах:
форма заявки, квиз, таймер, sticky CTA, мобильная версия.

#vibecoding #claudecode

Источник: https://t.me/maximaffiliate/2067
Китайский Claude Code? Пока только ссылки на DeepSeek-TUI

Что есть по фактам:

Сайт с документацией:
https://deepseek-tui.com

Основной репозиторий:
https://github.com/Hmbown/DeepSeek-TUI

Зеркало / организация на GitHub:
https://github.com/DeepSeek-TUI/DeepSeek-TUI

Для веб-мастера это потенциально интересный класс инструмента: терминальный AI-редактор/агент под задачи «починить лендинг», «переписать секцию», «добавить форму», «разобрать чужой HTML».

Но без теста не делаем выводов по скорости, качеству кода, стоимости и лимитам. Сначала надо прогнать на типовой задаче: взять простой лендинг, попросить собрать прелендер, проверить PageSpeed и сколько ручных правок останется.

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

Источник: https://t.me/arbitrazha/5879
Cursor попал в лидеры Gartner MQ по Enterprise AI Coding Agents. Что это меняет для веб-мастера:

Не про «красивый бейдж», а про направление продукта: Cursor всё сильнее уходит от редактора к агентной среде, где код не только пишется, но и проверяется, чинится и запускается по правилам.

Факты из анонса:

1. Gartner назвал Cursor Leader в Magic Quadrant for Enterprise AI Coding Agents 2026.

2. Более 70% Fortune 500 используют Cursor для деплоя и управления coding agents по SDLC.

3. В Cursor уже есть агентные сценарии:
— Bugbot может ревьюить и чинить pull requests
— security agents ищут и патчат уязвимости
— Automations запускают агентов по триггерам и расписанию

4. Cursor также объявил партнёрство со SpaceXAI для сборки будущей модели с нуля.

Для лендингов и прелендеров практический вывод простой: Cursor всё меньше похож на «чат рядом с кодом» и всё больше — на систему, где можно описать задачу, прогнать правки, найти баги и автоматизировать повторяющиеся операции.

Но важный нюанс: это enterprise-рамка. Для веб-мастера ценность будет не в статусе Gartner, а в том, насколько эти агенты реально ускорят типовые задачи: форма, адаптив, PageSpeed, фиксы после деплоя.

Источник: https://cursor.com/blog/cursor-leads-gartner-mq-2026
Cursor выкатил Composer 2. Что меняется для веб-мастера:

1. Модель уже доступна в Cursor.
2. Быстрый вариант Composer 2 становится дефолтным.
3. Цена: $0.50 за 1M input-токенов и $2.50 за 1M output-токенов.

По бенчмаркам из анонса:
CursorBench — 61.3
Terminal-Bench 2.0 — 61.7
SWE-bench Multilingual — 73.7

Для лендингов и прелендеров главный пункт не бенчмарк, а экономика: если гоняете много коротких итераций по HTML/CSS/JS, цена output-токенов важнее красивых демо. Composer 2 выглядит как модель под быстрый режим “описал блок → получил код → поправил → дальше”.

Cursor также отдельно выпустил technical report по обучению Composer 2 — полезно тем, кто выбирает модель не по ощущениям, а по тому, как она собрана.

Что проверить руками:
— насколько стабильно держит структуру лендинга после 5-7 правок;
— не ломает ли стили при добавлении новых секций;
— сколько стоит один полный прогон “ТЗ → страница → правки”.

Источник: https://cursor.com/blog/composer-2
Cursor 3 выкатили как workspace вокруг агентов. Что меняется для веб-мастера:

1. Multi-repo layout
Если лендинг, прелендер и общий UI-kit лежат в разных репах — Cursor 3 теперь заточен под работу с несколькими репозиториями в одном пространстве.

2. Локальные и cloud-агенты в одной боковой панели
В сайдбаре видны все агенты: локальные и облачные, включая запущенные с mobile, web, desktop, Slack, GitHub и Linear. Для потока “дал задачу → агент правит → проверил дифф” это удобнее, чем прыгать между окнами.

3. Handoff между local и cloud agents
Cursor заявляет бесшовную передачу задач между локальными и облачными агентами. Потенциально полезно для долгих правок: например, прогнать рефакторинг секций или подготовить варианты LP без удержания локальной сессии.

4. Новый diffs view
Из него можно быстрее смотреть изменения, править, stage, commit и управлять PR. Для vibe coding это важная зона контроля: не просто “ИИ что-то нагенерил”, а видно, что именно поехало в коде.

Важно: Cursor 3 построен с нуля вокруг агентов, но можно в любой момент вернуться к Cursor IDE.

Источник: https://cursor.com/blog/cursor-3
Cursor выкатил Composer 2.5. Что меняется для веб-мастера:

1. Модель уже доступна в Cursor.
Если собираете лендинги и мини-сайты через Composer, можно тестировать без ожидания отдельного релиза.

2. База та же, что у Composer 2:
Moonshot Kimi K2.5 open-source checkpoint.

3. Обучение усилили:
Composer 2.5 обучали на 25x большем количестве synthetic tasks, чем Composer 2.

4. Добавили targeted textual feedback.
Идея понятная: меньше «почти сделал», больше попадания в конкретные правки по ТЗ.

5. Следующий шаг крупнее:
Cursor вместе со SpaceXAI обучают значительно большую модель с нуля, используя 10x больше total compute.

Для наших задач это стоит проверить на типовом сценарии: лендинг с 5 секциями, форма лида, адаптив, чистый HTML/CSS/JS без лишнего фреймворка. Особенно интересно, стал ли Composer лучше держать длинное ТЗ и не ломать уже готовые блоки при правках.

#cursor #aicoding

Источник: https://cursor.com/blog/composer-2-5
Perplexity обновил API: что важно веб-мастеру

1. Каноничный endpoint для Agent API теперь /v1/agent. Старый /v1/responses продолжает работать как alias для совместимости с OpenAI, миграция не нужна.

2. Agent API поддерживает Claude Opus 4.7, GPT-5.5 и Grok 4.20 Reasoning. Это важно, если строите цепочки: генерация структуры лендинга → tool-calling → fallback на другую модель.

3. Ключи API теперь показываются полностью только при создании. Потом достать полный token из консоли или endpoint нельзя. Практика: сразу кладите ключ в password manager / env, иначе придётся выпускать новый.

4. Perplexity API Platform появился как SaaS listing в AWS Marketplace. Удобно для тех, кто уже оплачивает инфраструктуру через AWS.

5. В Agent API добавили finance_search tool. Для лендингов напрямую не must-have, но полезно, если собираете страницы/мини-сайты с финансовыми данными и хотите тянуть их через инструмент, а не руками.

Вывод: если используете Perplexity как слой поиска/агента в генерации контента для мини-сайтов — проверьте endpoint и процесс хранения ключей.

#ai_tools #ai_coding

Источник: https://docs.perplexity.ai/docs/resources/changelog
Cursor обновил окружения для cloud agents. Что меняется для веб-мастера:

1. Multi-repo для cloud agents и automations
Теперь агент может работать с окружением из нескольких репозиториев. Полезно, если лендинг лежит отдельно, а общие компоненты / трекинг / формы — в другом репо.

2. Dockerfile-конфиги с build secrets
Можно безопаснее тянуть приватные package registries прямо из Dockerfile. Для команд это снижает риск, что токены и ключи начнут жить в промптах или случайных env-файлах.

3. Кэшированные билды быстрее
Cursor пишет, что после апгрейда layer caching билды, которые попадают в кэш, идут на 70% быстрее. Для агентных правок это важно: меньше ожидания между “поменяй секцию” и проверкой результата.

4. История версий окружений
У каждого dev environment теперь есть version history: можно посмотреть изменения и откатиться. Это как раз анти-боль, когда агент “починил” окружение так, что проект перестал собираться.

Вывод: обновление не про красивую генерацию лендингов, а про более управляемую работу агентов в командных проектах. Особенно если у вас не один репозиторий, а связка лендинг + shared-код + автоматизации.

Источник: https://www.cursor.com/changelog/05-13-26
OpenAI выкатил Secure MCP Tunnel для enterprise. Что меняется для веб-мастера:

Поддерживаемые продукты OpenAI — ChatGPT web, Codex, Responses API и AgentKit — теперь могут подключаться к private или on-prem MCP servers через customer-hosted tunnel-client.

Практический смысл: если у команды есть внутренний MCP-сервер с приватными данными, инструментами деплоя, шаблонами лендингов или документацией, его можно подключать к OpenAI-продуктам без выноса MCP наружу в публичный доступ.

Для обычного соло-вебмастера это пока не must-have: релиз заявлен для enterprise-клиентов. Но направление важное — AI-редакторы и агенты всё чаще будут работать не просто “с кодом в папке”, а с закрытыми внутренними инструментами через MCP.

Следим, дойдёт ли похожая схема до более доступных тарифов Codex / ChatGPT.
AI-критик перед публикацией лендинга

OpenAI показали полезный паттерн для vibe coding: отдельная модель не пишет финальный текст, а ищет flaws в уже готовом summary.

Что проверили:
модели обучали писать critiques — описывать ошибки в summaries.

Результат:
люди-оценщики находили ошибки в summaries заметно чаще, когда видели critique от модели.

Важная деталь для веб-мастера:
большие модели лучше критикуют сами себя. Причём масштаб сильнее улучшает critique-writing, чем summary-writing.

Как это применять в AI-редакторе:
1. Генерим лендинг / прелендер.
2. Не просим сразу «улучшить».
3. Сначала отдельным проходом просим:
«Найди слабые места: логика оффера, противоречия, недосказанность, риск misleading claims, проблемы доверия».
4. Только потом даём задачу на правки.

То есть модель-критик — это не про красивый текст. Это дешёвый слой QA перед тем, как отдавать страницу в трафик.
OpenAI выпустила Operator System Card. Что важно веб-мастеру, который гоняет ИИ по сайтам и формам:

Operator описан через многоуровневый подход к безопасности. В документе отдельно указаны меры на уровне модели и продукта против prompt engineering и jailbreaks.

Почему это касается лендингов и прелендеров:
если AI-агент ходит по веб-страницам, он может встретить инструкции прямо в контенте страницы. Например, скрытый текст, который пытается переопределить задачу агента. OpenAI прямо пишет, что для Operator внедрены mitigations против таких сценариев.

Что ещё есть в System Card:
— внешние red teaming-проверки
— safety evaluations
— ongoing work по доработке safeguards

Практический вывод без лишней магии: если используете AI-агентов для проверки форм, кликов по лендингу, сбора данных со страниц — prompt injection на самой странице становится не теорией, а частью threat model. Особенно если агенту дают доступ к аккаунтам, CRM или платёжным действиям.

Для vibe coding это сигнал: генерировать лендинг через Cursor/Bolt/Lovable — одно. Подключать агента, который сам взаимодействует с вебом, — уже другая зона риска.
No-code voice agents добрались до колл-центров

OpenAI пишет про Retell AI: платформа использует GPT-4o и GPT-4.1 для AI voice automation в колл-центрах.

Что важно для веб-мастера/перформанса:

— это не про лендинг напрямую, но про следующий слой после формы;
— вместо “оставьте телефон, менеджер перезвонит” можно тестировать сценарий, где голосовой агент обрабатывает лид в реальном времени;
— Retell AI позиционируется как no-code платформа: запуск natural, real-time voice agents без сборки своей голосовой инфраструктуры.

Практический вывод: если льёте на офферы, где качество лида сильно зависит от дозвона и первичной квалификации, такие no-code voice agents становятся частью воронки рядом с лендингом, CRM и трекером.

Пока без цифр по цене, latency и конверсии — в источнике их нет. Но сам факт: GPT-4o/GPT-4.1 уже упаковывают в no-code слой для голосовой автоматизации колл-центров.
Почему VPT от OpenAI важен для vibe coding

OpenAI показал не редактор кода, а подход: модель учится по видео человеческих действий, а потом действует через обычный интерфейс — нажатия клавиш и движения мыши.

В Minecraft это выглядит так:
модель обучили Video PreTraining на большом массиве неразмеченных видео игры людей, добавив только небольшой объём размеченных данных от подрядчиков.

После fine-tuning модель научилась крафтить алмазные инструменты. Для опытного человека это обычно больше 20 минут и около 24 000 действий.

Что это меняет для веб-мастера:

1. Важен не только код, а поведение в интерфейсе
AI-агент может учиться не “писать функцию”, а повторять цепочку действий: открыть редактор, поправить блок, проверить результат.

2. Видео и скринкасты могут стать обучающим слоем
Лендинг собирается не из учебника по HTML, а из наблюдения за тем, как человек реально кликает, правит и деплоит.

3. Будущие AI-редакторы будут сильнее в рутине
Не “сгенерируй компонент”, а “доведи страницу до состояния, как на референсе”.

Для лендингов это направление интереснее абстрактного автокода: меньше разговоров про разработку, больше повторяемых действий в браузере и редакторе.
ChatGPT уходит из «игрушки ранних пользователей» в повседневный инструмент

OpenAI опубликовала материал по новому исследованию использования ChatGPT. Главный вывод для веб-мастера: adoption становится шире — не только ранние пользователи, разрывы между группами сокращаются, AI всё чаще становится частью обычной рабочей и личной рутины.

Почему это важно для лендингов и прелендеров:

1. Пользователь уже меньше пугается AI-интерфейсов и AI-подсказок.
2. ChatGPT используется не только «для работы», но и в личных задачах — значит, промптинг становится массовым навыком.
3. Экономическая ценность появляется в обеих зонах: personal и professional use.

Практический вывод: если вы собираете страницы через Cursor / Claude Code / Bolt.new, это уже не экзотика для early adopters. Это часть более широкого сдвига: AI входит в обычный цикл задач — от идеи и текста до макета и кода.

Без обещаний полной автоматизации. Просто сигнал: аудитория и рынок становятся привычнее к workflow, где человек описывает результат, а модель помогает его собрать.
GPT-4o image generation: что полезно веб-мастеру

OpenAI описывает 4o image generation как новый подход к генерации изображений, который заметно способнее прошлой серии DALL·E 3.

Для лендингов и прелендеров важны 2 вещи:

1. Фотореализм
Модель может создавать photorealistic output. Это пригодится для hero-блоков, иллюстраций под офферы, псевдо-UGC визуалов и обложек без похода в стоки.

2. Image-to-image
Можно подавать изображения на вход и трансформировать их. Для веб-мастера это сценарий «взяли референс → изменили стиль/композицию/детали → получили вариант под тест».

Что меняется в пайплайне:
Текстовый промпт для лендинга теперь можно дополнять визуальным референсом. Не просто «сделай картинку врача в клинике», а загрузить нужную композицию и попросить адаптацию под конкретный блок.

Важно: в статье нет цифр по цене, лимитам и скорости генерации — не додумываем. Пока фиксируем сам факт: OpenAI двигает генерацию картинок ближе к рабочему инструменту для сборки посадочных, а не только к «красивым иллюстрациям».
DALL·E 2 как инструмент для креативов на лендингах: важный сигнал не в “картинки по промпту”, а в workflow.

Что известно из OpenAI:
в research preview DALL·E 2 больше 3 000 художников из 118+ стран уже встроили модель в свои творческие процессы.

Второй момент: early access-группа не просто тестировала генерацию. Художники помогали OpenAI находить новые сценарии применения DALL·E и влияли на решения по функциям продукта.

Для веб-мастера вывод практический: генеративные картинки стоит рассматривать не как разовую кнопку “сделай баннер”, а как часть пайплайна:
идея → варианты визуала → отбор → адаптация под лендинг/прелендер → тест гипотезы.

Особенно там, где нужно быстро собрать несколько визуальных направлений под оффер, но нет дизайнера на каждый тест.

Цифры из источника:
3 000+ художников
118+ стран
research preview DALL·E 2
GPT-4 в контексте vibe coding: почему это был важный сдвиг для веб-мастера

OpenAI описывает GPT-4 как большую мультимодальную модель: принимает текст и изображения, отдаёт текст.

Что это меняет для задач лендингов и прелендеров:

1. Можно описывать интерфейс не только словами, но и через визуальный референс
Например: дать скрин/макет и попросить текстовое ТЗ для AI-редактора.

2. Модель лучше подходит для задач “из хаоса в структуру”
Когда есть оффер, куски текста, пример конкурента и нужно собрать логику страницы: блоки, CTA, форму, FAQ.

3. Бенчмарки важны не сами по себе
OpenAI пишет, что GPT-4 показывает performance уровня человека на разных профессиональных и академических тестах. Для нас это сигнал не “заменить разработчика”, а использовать модель как слой между маркетинговым ТЗ и кодом в Cursor / Claude Code / Bolt.new.

Практический вывод:
GPT-4 стал одной из базовых точек, после которой сценарий “описал лендинг → получил рабочий каркас → поправил руками” стал нормальным рабочим процессом, а не демкой для конференции.
Figma Make в связке с AI: что важно веб-мастеру

OpenAI опубликовали материал с David Kossnick про то, как инструменты вроде Figma Make помогают командам прототипировать, совместно работать и собирать через ИИ.

Практический вывод без лишнего шума: Figma всё сильнее заходит на территорию, где раньше был разрыв между макетом и первым рабочим вариантом страницы.

Для лендингов и прелендеров это полезно в трёх местах:

1. Быстро накинуть прототип под оффер
Не ждать чистовой дизайн, а собрать структуру: hero, боли, преимущества, форма, FAQ.

2. Согласовать гипотезу до разработки
Маркетолог, дизайнер и веб-мастер смотрят не на текстовое ТЗ, а на интерактивный черновик.

3. Уменьшить ручной перенос из дизайна в код
Если AI-инструмент помогает не только рисовать, но и приближать макет к сборке — это экономит итерации.

Пока без теста не делаем выводов про качество кода, PageSpeed и пригодность для прода. Но направление понятное: Figma хочет быть не только местом, где рисуют лендинг, а местом, где его начинают собирать.
GPT-5 System Card: что точно известно по моделям

OpenAI описывает GPT-5 как систему с unified model routing: один роутер выбирает между быстрыми и «умными» ответами.

Внутри указаны:
gpt-5-main
gpt-5-thinking
облегчённые версии, например gpt-5-thinking-nano

Для vibe coding это важно не как «новая магия», а как смена логики работы: под капотом может быть не одна модель, а маршрутизация между вариантами под разные типы ответа.

Что пока НЕ утверждаем:
— что Cursor / Claude Code / Bolt.new уже используют это именно так
— что лендинги станут собираться быстрее
— что стоимость генерации упадёт
— что качество кода выросло

В статье подтверждены только состав системы и наличие роутинга между gpt-5-main, gpt-5-thinking и lightweight-версиями.
OpenAI представила GPT-5. Что важно для веб-мастера:

В анонсе отдельно указано, что модель показывает state-of-the-art performance в том числе по coding, writing и visual perception.

Для vibe coding это три зоны, которые напрямую влияют на сборку лендингов и прелендеров через AI-редакторы:

1. Coding
Потенциально лучше справляется с генерацией и правкой фронтенда, компонентов, форм, адаптива.

2. Writing
Можно сильнее нагружать модель текстами для секций: оффер, benefits, FAQ, дисклеймеры, варианты заголовков.

3. Visual perception
Полезно для задач, где нужно анализировать скриншот/макет/референс и переносить структуру в код.

Пока без выводов “переезжаем всем”. В анонсе OpenAI есть только общий уровень: GPT-5 представлен как новая модель с сильными результатами по нескольким направлениям, включая кодинг.

Практический тест для канала: один и тот же промпт на лендинг прогнать через текущий стек и GPT-5, сравнить:
— сколько правок после первого прохода
— ломается ли адаптив
— насколько чистый HTML/CSS
— проходит ли PageSpeed без ручной чистки