Верстка UI в curosr AI

Продолжаем вайбкодить SaaS для генерации дизайн стайлгайдов. В этой части дорабатываем UI страницы проекта, настраиваем Cursor Rules для лучшей работы с документацией, делаем сайдбар, форму и превьюшки изображений.

Вообще, это просто рядовой видос. Изначально я хотел записать полностью процесс от 0 до релиза.. Но сейчас думаю, что некоторые процессы можно пропустить. То есть как работать с UI по документации уже как бы и так понятно, примеров было много в других видосах. Так что рутину в будущем буду пропускать, чтобы меньше воды было в видео. Записывать буду какие-то интересные моменты разработки, а "покраску кнопок" буду пропускать.

Но если вы хотите отдохнуть и посмотреть что-то за едой или кружечкой чая, то это видео вполне подойдет)

https://youtu.be/2WBZQ_Dzoj8

Как работают бенчмарки для AI моделей и зачем их столько

Каждый раз когда выходит новая модель, везде мелькают цифры: MMLU 87%, HumanEval 92%, SWE-bench 71.7%. Но что это все значит и почему нельзя просто сказать "эта модель лучше"?

Что такое бенчмарк

Бенчмарк — это типа ЕГЭ для AI моделей. Набор задач с правильными ответами, где модель получает процент за то, сколько заданий решила верно. Только вместо одного теста их десятки, и каждый проверяет свою способность.

Основные типы бенчмарков

MMLU — это монстр из 15 000+ вопросов по 57 предметам: от математики до права. Проверяет общие знания модели. Раньше считался золотым стандартом, но сейчас топовые модели решают его на 85-90%, поэтому появились более сложные варианты.

HumanEval — 164 задачи по программированию с юнит-тестами. Модель должна написать код, который реально работает, а не просто выглядит правдоподобно. Claude Sonnet 4.5 и ChatGPT 5.1 тут показывает 95%+, что дикая цифра.

SWE-bench — вообще хардкор. 2294 реальных задачи с GitHub: баги, фичи, рефакторинг. Модель получает issue и должна запилить рабочий патч. В 2023 модели решали 4.4% задач, сейчас лучшие — 71.7%. Это уже серьезно.

Chatbot Arena — здесь все иначе. Живые люди сравнивают ответы двух анонимных моделей и голосуют за лучший. Уже собрано 5+ миллионов голосов. Используется система рейтингов как в шахматах (Elo). Самый близкий к реальности бенчмарк, но есть нюанс: люди часто голосуют за более длинные ответы с эмодзи, хотя они могут быть хуже по сути.

Почему их так много

Потому что одним тестом не измерить все способности модели:

- MMLU — общие знания
- GSM8K — математика школьного уровня
- MATH — сложная математика
- HumanEval — кодинг
- GPQA — вопросы уровня PhD
- MMMU — мультимодальные задачи

Это как мерить разработчика: знание алгоритмов, опыт работы с фреймворками, софт скиллы — нужно смотреть на все.

Проблема насыщения

В 2023 исследователи запилили новые сложные бенчмарки типа MMMU и GPQA. Спустя год модели улучшились на них на 18.8 и 48.9 процентных пунктов соответственно. Бенчмарки устаревают быстрее, чем их успевают нормально использовать.

Поэтому появились экстремально сложные тесты:
- FrontierMath — AI решает только 2% задач
- Humanity's Last Exam — топовые модели набирают меньше 10%

Реальность vs бенчмарки

Самая главная проблема: бенчмарки не отражают реальное использование. Анализ 4+ миллионов промптов показал, что люди используют AI для:
- Технической помощи (65%)
- Ревью работы (59%)
- Генерации контента (25%)
- Поиска информации (17%)

А бенчмарки проверяют абстрактные задачи типа олимпиадных задач по математике.

Что из этого следует

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

По моим ощущениям Claude Sonnet 4.5 лучше всего схватывает контекст и редко тупит, хотя на некоторых бенчмарках может быть не первым. Это мой фаворит, использую ее почти всегда)

> Лучший способ выбрать модель — протестить ее на своих реальных задачах

@ValidatedVibe

Оплата нейронок из РФ

Периодически возникают вопросы про оплату подписок из России. Записал короткое видео, в котором показал, как можно оплатить подписки из РФ.

Я это делаю через 2 сервиса - plati market и ggsel. Это по маркетплейсы цифровых товаров, в которых можно купить аккаунты и оплатить подписки. Из способов оплаты есть российские карты, крипта, webmoney и еще много других.

Вот ссылки на продавцов и товары, которыми я пользовался:

Claude:
- https://gglead.org/go8348
- https://gglead.org/go8305
- https://plati.market/itm/claude-pro-max-5x-20x-claude-4-5-fast-full-warranty/5284146
- https://plati.market/itm/claude-ai-pro-max-code-anthropic-fast/4023986

Cursor:
- https://gglead.org/go8302
- https://gglead.org/go8301
- https://plati.market/itm/cursor-ai-pro-business-ultra-podpiski-bystro/4758785

Chat GPT:
- https://gglead.org/go8304
- https://plati.market/itm/24-7-chat-gpt-5-1-o3-o1-4o-5-plus-pro-no-login-fast/4339002
- https://plati.market/itm/24-7-chat-gpt-5-plus-pro-no-login-renewal/4339392

Claude API
- https://gglead.org/go8664
- https://plati.market/itm/claude-ai-api-quick-balance-refill-api-anthropic/4230219

Chat GPT API:
- https://plati.market/itm/chat-gpt-4-quick-replenishment-of-the-api-balance/4009421

Gmail:
- https://gglead.org/go8489

Видео с демонстрацией процесса оплаты:
- https://youtu.be/FcFvj92OK48

На днях мне попалась эта картинка, я с нее угарнул)

Но вообще она неплохо отражает подход, который мне нравится. Пофиг, что у тебя проект из кучи велосипедов, главное, что едет)

Несмотря на то, что я изначально из мира трушной разработки без нейронок, где за дублирование кода меня закидают всем, чем только можно... Мне всегда нравилась практичность.

Нейронки сейчас дают возможность завайбкодить проект людям, которые вообще не из IT. Предпринематели могут протестить нишу без больших вложений на разработку, специалисты из разных сфер вайбкодят проекты для своих нужд. А разработчики ускоряют процесс своей работы и делигируют рутину нейронкам.

На мой взгляд это круто)

Конечно, тут есть нюансы. Нейронка не возьмет на себя ответственность. И за безопасность отвечают люди. Вайбкодить программы для медицинских апаратов и запуска ракет в космос, без хорошего понимания разработки и предметной области, конечно, не стоит... Но это наверно и так понятно. Нейронки это инструмент. Молотком можно отбить палец, но и забить гвоздь тоже можно. Про бензопилу я вообще молчу) Так что руководствуемся здравым смыслом и используем инсрументы по назначению.

@ValidatedVibe

Подключаем Claude API к проекту

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов. В этом видео подключаем Claude API в проект с помощью anthropic SDK. Теперь стайлгайды генерируются на основе референсов через claude.

Приятного просмотра:
https://youtu.be/DvF6JzWeLWw

Меня взломали!

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

Вообще, тема безопасности крайне важна. И в аргументах против вайбкодинга часто упоминается безопасность, что вполне обосновано. Скажу честно, на этом сервере я не уделял этому должного внимания. Пароля 123 у меня, конечно, не было, но все же.

Ничего сверх важного у меня на сервере не крутилось, так что ситуяция мне кажется скорее занимательной и я не переживаю. Для меня это звоночек, что нужно разобраться поглубже в теме и относится к настройке сервера более ответственно.

Что еще могу сказать.. Ну во первых - делайте бекапы. Это меньшее, что вы можете сделать, но это вас спасет. Если код есть в гите, то базы данных и загруженные файлы без бекапов не восстановить.

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

Кстати, как у вас обстоят дела с публикацией (деплоем) своих сервсисов и приложений? Ну в плане как вы это делаете

Прикольно, на hh.ru начали появляться вакансии для вайбкодеров 😁

ИИ-анализ веб-страниц с Playwright

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов. В этом видео настраиваем playwright для анализа веб страниц по url.

Изначально планировал использовать MCP Playwright сервер, но в процессе понял, что проще подключить библиотеку Playwright в python. Логика получилась аналогичная, как и со скриншотами, только теперь мы делаем скриншоты всей страницы автоматически по url.

Приятного просмотра:
https://youtu.be/5b5heZXeTW8

Тренда вайбкодинга 2026

Итоги уходящего года я подведу чуть позже, а пока разбирем прогнозы AI-гигантов на 2026 год.

Я проанализировал прогнозы от крупнейших AI-компаний и выделил основные тренды вайбкодинга на предстоящий год. Звучит многообещающе, посмотрим, как все будет на деле)

Приятного просмотра:
youtube | vk video | rutube

Выспался, зарядился — продолжаем вайбкодить

Плавно возвращаемся в рабочий режим. Начнем этот год с продолжения разработки сервиса для генерации стайлгайдов.

Это 7-я часть — добавляем редактирование стайлгайдов и систему версий. Теперь можно исправить любой элемент и откатиться назад, если что-то пошло не так.

Погнали смотреть:
youtube | vk video | rutube

Начало года - лучшее время для планирования

Так что расскажу, что готовлю для вас в ближайшие месяцы. Будет интересно!

Контент на YouTube:

Доделаем сервис для генерации стайлгайдов. Всего будет где-то 10 серий, после финального видео получится полноценный инструмент, которым можно реально пользоваться.

Новые гайды:
- Роадмап вайбкодера в 2026: с чего начать и как довести проект до релиза
- Создание лендинга в cursor с нуля
- Полный гайд по Cursor

Новое направление: курсы по вайбкодингу

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

Так что я решил записать несколько курсов по вайбкодингу. В них будем подробно разбирать, как с нуля сделать рабочий продукт в нескольких направлениях:
- Сайты / Веб приложения
- Телеграм боты
- И возмоожно нативные приложения

Что в них будет:
- Пошаговые видео-уроки от А до Я
- Персональные созвоны для разбора индивидуальных ситуаций
- Групповой чат с единомышленниками (если соберется группа)
- Поддержку на всех этапах разработки

Кому интересно какое-то из этих направлений - напишите в комментариях или мне в личку, какое направление интересует. Так я пойму с чего лучше начать. Первым участникам организую скидку.

Конечно, это не отменяет выход гайдов на ютубе, просто это будет другой формат. В курсах будет подробная и структурированная информация от А до Я, поддержка и возможность задавать вопросы по своему проекту.

PS:

Поздравляю всех с началом нового года! Надеюсь, у вас получилось отдохнуть на праздниках. У меня получилось)

Желаю вам продуктивно года, успехов, и реализации планов!

Внедряем экспорт проектов

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов. В этой части добавляем экспорт в формате markdown, json и css.

Для полноценного запуска mvp осталось только задеплоить проект и прикрутить платежную систему. Скорей бы уже зарелизить)

Приятного просмотра:
youtube | vk video | rutube

Во прикол конечно..)

Работал почти весь день в клод коде и думал: "как здорово, лимиты не улетают, хотя гружу его нон стопом!"

Сейчас, уже ночью, мне надо было сделать скриншот для видео. Открываю клод код и вижу, что у меня выбрана модель haiku.))

А прикол в том, что я за день накидал с ней с нуля панель управления для своего сайта и даже не заметил, что выбрана модель не sonnet. Раньше я весьма скептично относился к haiku и для разработки ее не использовал, а оказывается вполне годится.

Стоит отметить, что я предварительно подготовил документацию, сделал большой роадмап и расписал все задачи с опусом, а с хайку просто последовательно их выполнял. И получилось так, что за весь день не уперся в лимит. А с соннетом бы по-любому уперся, про опус вообще молчу.

В общем немного пересмотрел свое отношение к haiku, юзать для разработки можно. Особенно, если предварительно составить подробный план

2026. Вайбкодинг уже не магия для избранных

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

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

Разобрал весь путь от "у меня есть идея" до "мой проект в продакшене":

→ Выбор инструментов
→ Документация
→ Разработка с AI
→ Git
→ База данных
→ Платежи
→ Деплой (публикация проекта)

Старался объяснить максимально по-человечески. Это теоретическая база, понимая её, уже можно копать глубже в конкретные темы.

Да, у каждого инструмента и подхода есть альтернативы. Но для старта важнее начать, чем месяц выбирать между 10 IDE.
В комментах на ютубе уже начался холивар...))

Смотри → применяй → запускай 🚀

youtube | vkvideo | rutube

Мое недавнее открытие

Я тут пару недель назад открыл для себя голосовой набор текста. Это оказало оочень удобно!

Вместо того, чтобы набивать длинные промпты руками, хоткеем запускаю утилиту, диктую и все.) Я даже думаю на ходу, пока наговариваю промпты, могу прям размышлять в процессе и говорить ход мыслей, нейронки понимают.

Еще я обнаружил, что в Cursor появился встроенный голосовой набор. Когда это точно произошло, я не отловил, но штука удобная. Я почему-то не сразу начал им пользоваться. Но у него есть очень классная фича - он может распознавать русскую речь и сразу переводить на английский.

То есть говоришь на русском, а текст появляется сразу на английском. Мега удобно, потому что думать на русском проще, а промпты на английском жрут меньше токенов и возможно даже лучше понимаются нейронкой.

Стандартный голосовой набор на mac меня не устроил, я вообще не понял, как им нормально пользоваться. Так что юзаю Wispr Flow. А промпты на английском - встроенным в Cursor голосовым набором.

Печатать руками почти перестал, уже лень.))

В общем мне на столько зашло, что я даже подписку Wispr опалтил для безлимита, после того как тестовый период закончился. Немного странно отдавать 15$ за диктовалку, в то время как подписки мощных нейронок стоят 20$. Но удобно ппц, так что не обламываюсь.

Советую попробовать, если ещё не пробовали, хотя бы в курсоре

Заливаем проект на сервер (деплой)

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

Это продолжение серии видео про сервис для генерации стайлгайдов. И в этой части я пытаюсь задеплоить проект на app platform в timeweb cloud. Это мой первый опыт использования таких платформ для автоматического деплоя.

К счастью все получилось: упаковать все в докер и задеплоить. И теперь сервис доступен по адресу makeui.dev . Это еще mvp, но все работает.) Оплату я там уже прикрутил, видео про подключение робокассы выйдет чуть позже.

Upd: Если вы захотите воспользоваться сервисом и у вас возникнут какие-то проблемы - напишите мне в личку , решим. Возможны какие-то баги, по началу это нормально. Буду править.

Видео на платформах:
youtube | vk video | rutube

Claude Opus 4.6 - новая топовая модель от Anthropic

Новые модели от Anthropic для меня всегда как долгожданный подарок)

Антропик выкатили апдейт опуса (своей флагманской модели). По их словам, Opus 4.6 стал заметно сильнее в кодинге:

It plans more carefully, sustains agentic tasks for longer, can operate more reliably in larger codebases, and has better code review and debugging skills to catch its own mistakes

Что есть интересного:

- Контекстное окно 1M токенов (пока в бета) - "in a first for our Opus-class models, Opus 4.6 features a 1M token context window in beta"
- Вывод до 128k токенов за один запрос
- Agent Teams в Claude Code - несколько агентов работают параллельно
- Adaptive Thinking - модель сама решает, когда думать глубже
- Compaction - сжатие контекста теперь доступно на уровне API
- Effort - параметр API с четырьмя уровнями (low, medium, high, max). Контролирует, сколько усилий модель тратит на ответ - баланс между качеством, скоростью и стоимостью. Раньше было только вкл/выкл для extended thinking

Кстати, в курсоре модель уже появилась

В общем что, звучит интригующе, будем пробовать.)

https://www.anthropic.com/news/claude-opus-4-6

Полный гайд по Cursor в 2026

Давно хотел записать этот разбор, поскольку во всех видео работаю в курсоре, а гайда по нему у меня нет.

К тому же за последнее время в нем появилось много новых функций, с которыми хотел разобраться. В общем убил двух зайцев одним выстрелом, так сказать. Изучил новый функционал и записал гайд.

Постарался сделать так, чтобы даже начинающим было понятно, но и про advanced функции рассказал.

Что в итоге получилось:
- Начинаем с установки
- Разбираем базовые функции и режимы агентов
- Переходим к advanced настройкам, разбираемся с
- Субагентами
- Хуками
- Правилами
- Командами
- Скиллами
- Подключением mcp
- В конце делаем сайт за 1 промпт

В общем по содержанию получилось насыщенно.

На самом деле, некоторые разделы и темы достойны отдельных видео и думаю, я их тоже запишу позже. Тем не менее в этом гайде я разобрал какие вообще сущности есть в курсоре, зачем они, как их создавать и как ими пользоваться.

Будет полезно как новичкам, так и уже опытным пользователям курсора. В описании есть тайм коды, так что мотайте на интересные для вас разделы, если уже что-то знаете.

Приятного просмотра:
youtube | vk video | rutube

Запрягаем Claude вести тг канал

Да так, чтобы это не было кринжово

Мы сняли это видео с моим другом Андреем, который занимается созданием AI видео. Показали на примере тг постов, как можно писать текста, сохраняя при этом персональную стилистику.

Вкратце процесс следующий:
- Собираем референсы с текстами
- Анализируем стилистические особенности и сохраняем выжимку в отдельный файл
- Создаем агента, в которого закидываем референсы и даем инструкции, как ими пользоваться
- Генерируем текста в заданном стиле

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

Монтаж немного затянулся, поэтому не удивляйтесь, что на календаре 8 ноября))

Приятного просмотра:
https://www.youtube.com/watch?v=Dhd3GiTKrYY