Этот ИИ создает полные приложения за 25 минут.

Ваше следующее приложение может запуститься быстрее, чем ваша эспрессо. В вирусном видео с заголовком «Claude Code в вебе может создать что угодно (Vibecode.dev)» создатель Райли Браун утверждает, что он создал полное рабочее приложение всего за 25 минут, используя Claude Code, работающий в браузере через Vibecode. Никакой локальной среды разработки, никаких терминальных акробатик — просто веб-вкладка и подсказка.

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

Рабочий процесс больше напоминает использование Figma, чем написание кода. Браун переходит на вкладку Элементы в своем приложении, созданном с помощью Vibecode, нажимает на YouTube, вставляет ссылку и называет новый элемент «Миниатюра Мела». После этого создание новых изображений становится одной инструкцией: «Миниатюра Райли в стиле миниатюры Мела о том, насколько безумным является код Клода».

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

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

Крайне важно, что Браун подчеркивает, что это не единый сценарий, склеенный скотчем. Vibecode использует Claude Code для создания того, что он называет "профессиональными мобильными приложениями с интерфейсом и серверной частью", все на основе этого начального запроса. Пользовательский интерфейс, логика серверной части, система элементов и генерация миниатюр возникают от одного агента, работающего полностью в браузере.

Командные строки создали современное программное обеспечение, но также закрыли его за стеной труднопонимемого синтаксиса. Классическая конфигурация разработчика все еще выглядит как из фильма о хакерах: окно терминала, команды git, скрипты оболочки и локальный стек, который любит только бэкенд-инженер. Демо Riley Brown с Vibecode переворачивает этот сценарий, помещая Claude Code в чистый интерфейс браузера, который работает больше как Figma, чем как Bash.

Вместо того чтобы вручную клонировать репозиторий и настраивать окружения, Vibecode запускает управляемую Anthropic виртуальную машину в фоновом режиме. Claude Code получает полноценную файловую систему, доступ в интернет и git, но пользователь видит только панели, кнопки и формы. Вы управляете AI-агентом с помощью подсказок на естественном языке, а не через `git rebase --onto`.

Браун называет использование терминала "для гурманов", и он не совсем шутит. Веб-интерфейс означает, что любой, кто умеет пользоваться Notion или Webflow, теперь может организовать создание профессионального приложения. Никакого `npm`, никакого Homebrew, никаких проблем с PATH — только URL и логин.

В видео Браун создает работающий генератор миниатюр за примерно 25 минут на Vibecode.dev. Он вставляет ссылку на YouTube, добавляет её как «элемент» с названием «Миниатюра Мела», а затем вводит запрос: «Миниатюра Райли в стиле миниатюры Мела о том, насколько безумный код Клода». Claude генерирует несколько миниатюр в заданном стиле по запросу, все управляется через веб-интерфейс.

Поскольку Vibecode работает в браузере, тот же процесс может быть использован на телефоне или планшете. Браун явно говорит, что вы можете создавать «профессиональные мобильные приложения с фронтендом и бэкендом» прямо с вашего телефона. Это означает: - Запустите функцию с iPad в самолете - Исправьте ошибку из кофейни без ноутбука - Создайте прототип на встрече в режиме реального времени

Этот сдвиг тихо разрушает определение «разработчика». Менеджеры продуктов могут настраивать потоки и текст, в то время как Claude Code редактирует файлы и отправляет изменения. Дизайнеры могут экспериментировать с макетом и компонентами, не прикасаясь к терминалу. Предприниматели могут самостоятельно создавать MVP, используя Claude в качестве полнофункционального парного программиста, который находится в Safari или Chrome.

Рабочий процесс Райли Брауна начинается с чего-то обманчиво простого: URL. Он копирует ссылку на понравившуюся миниатюру YouTube, заходит в свое приложение, созданное Vibecode, и переходит на вкладку Элементы. Там он добавляет новый элемент, выбирает «YouTube», вставляет ссылку, называет его «Миниатюра Mel» и сохраняет как многоразовый строительный блок.

Это одно действие эффективно превращает случайное изображение в интернете в названный дизайн-примитив. Когда он позже генерирует ресурсы, он открывает меню Элементы и видит «Миниатюру Mel» рядом с другими компонентами. Один запрос — «@Riley миниатюра в стиле @Mel миниатюры о том, насколько безумный Claude Code» — теперь инструктирует систему смешать его собственное лицо в этот точный визуальный язык.

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

В увеличенном масштабе это выглядит меньше как игрушка и больше как живая библиотека стилей. Вы можете представить элементы для: - Цветовых палитр бренда - Макетов кнопок и карточек - Процессов onboarding и состояний ошибок

Vibecode выступает в роли интеллектуального слоя, который переводит понятные человеку теги и подсказки в точные инструкции для агента Claude Code. Вы говорите: "используйте стиль миниатюры Mel для нового героя целевой страницы", и Claude тихо справляется с CSS, адаптивной версткой и генерацией ресурсов. Стена абстракции поднимается; вы остаетесь на языке намерений, а не реализации.

Браун подчеркивает, что это не единичный трюк. Он говорит, что создал всё приложение Vibecode примерно за 25 минут, от начала до конца, с помощью Claude Code, работающего в браузере. Веб- и мобильные интерфейсы, логика бэкенда и генерация миниатюр все созданы на основе одного и того же стека, ориентированного на подсказки и компоненты.

Для зрителей, которые хотят воспроизвести настройку, Браун демонстрирует точный длинный запрос, который он использовал в конце видео, и явно приглашает делать скриншоты. Каждый может вставить это в Vibecode и, теоретически, воспроизвести его рабочий процесс. Для получения дополнительной информации о том, как на самом деле работает браузерный агент, документация Anthropic Claude Code on the Web - Официальная документация подробно разбирает среду, обработку репозиториев и модель выполнения.

Агенты меняют описание работы кодирующих ассистентов с автозаполнения на соработника. Вместо того чтобы пассивно предлагать следующую строку, агентный ИИ принимает цель, рассматривает шаги, выполняет их с помощью различных инструментов и проверяет свою работу. Claude Code попадает в эту категорию: система, специально разработанная Anthropic для работы в полном окружении разработки, а не просто для украшения вашего редактора серым текстом.

Традиционные помощники, такие как GitHub Copilot, отлично справляются с локальным сопоставлением шаблонов: завершить эту функцию, зеркалить этот цикл, создать тест. Claude Code, особенно в обертке браузера Vibecode, ведет себя скорее как младший инженер, который может читать репозиторий, искать документацию и решать, с чего начать. У него есть файловая система, оболочка и доступ в сеть, что позволяет планировать, редактировать, запускать и итеративно работать в замкнутом цикле.

Планирование занимает центральное место в этом процессе. Прежде чем написать хоть строчку кода, Claude Code может создать файл plan.md, который разбивает размытый запрос на конкретные этапы, файлы и задачи. Для запроса «создайте мне полноценное мобильное и веб-приложение» это может включать в себя описание моделей данных, конечных точек API, экранов интерфейса, потоков аутентификации и шагов развертывания в виде нумерованного списка.

Сид Бхарат, который проводил стресс-тестирование Claude Code на реальных продуктах, отмечает его продвинутый Режим планирования как ключевое преимущество. Попросите его «подумать серьезно» о сложном рефакторинге, и он потратит несколько минут на составление многосекционного плана: анализ текущей архитектуры, матрица рисков, путь миграции и план покрытия тестами. Только после этого он начнет работать с кодом, ссылаясь на plan.md как на спецификацию.

Этот цикл планирования важен, когда запросы становятся большими, нечеткими или тем и другим одновременно. Простой инструмент автозаполнения с трудом справляется с задачей «перестроить процесс адаптации для поддержки команд, SSO и выставления счетов на основе использования», поскольку задача охватывает несколько служб, схем и интерфейсов. Вместо этого Claude Code разбивает проблему на составляющие, упорядочивает работу между бекендом и фронтендом и отслеживает зависимости при десятках правок.

Двадцатипятиминутная демонстрация Vibecode Райли Брауна работает только благодаря этому агентному каркасу. Claude Code не просто генерирует компонент React; он создает бэкенд, настраивает систему "элементов" миниатюр, конфигурирует подсказки и подключает всё к рабочему приложению. Сначала планируя, а затем действуя в соответствии с этим планом, он позволяет справляться с такими размытыми и многозначными запросами, которые переполняли бы более простых помощников и многих новичков среди людей.

За блестящим веб-интерфейсом Vibecode Claude Code незаметно разворачивает полноценную среду разработки от вашего имени. Когда вы подключаете репозиторий GitHub, бэкенд Anthropic клонирует его в новую виртуальную машину, управляющуюся Anthropic, изолированную для каждого проекта или задачи. Эта виртуальная машина становится рабочим пространством ИИ, не песочницей для игрушек, а реальной средой с файловой системой, процессами и журналами.

Внутри этой виртуальной машины Claude получает bash-оболочку, редактор файлов и прямой доступ к древовидной структуре репозитория. Он может выполнять команды такие как `npm install`, `pytest` или `pnpm dev`, редактировать исходные файлы и создавать новые, не касаясь диска вашего ноутбука. Изменения остаются внутри этого огороженного пространства до тех пор, пока Claude не предложит pull-запрос обратно на GitHub.

Безопасность зависит от этой изоляции. Ваш локальный компьютер никогда не раскрывает SSH-ключи, переменные окружения или случайные файлы .dotfiles модели. Учетные данные хранятся в облачной среде, связанной с этой виртуальной машиной и репозиторием, и Anthropic может ограничить доступ Claude только к тем файлам и секретам, которые ему действительно необходимы.

Доступ в Интернет внутри этого мини-компьютера можно настроить. Команды могут выбирать:

• 1Нет сети для высокочувствительного кода
• 2Ограниченный доступ к определённым доменам, реестрам пакетов или внутренним документам
• 3Полный доступ, чтобы Клод мог искать, читать документы и загружать зависимости.

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

Функционально Anthropic предоставила Клоду выделенный компьютер и сказала работать как человек-разработчик. Он проверяет ветку, редактирует файлы, запускает тесты и отправляет коммиты, всё это происходит в контролируемой виртуальной машине. Разница заключается в том, что весь рабочий процесс протекает без участия человека в фоновом режиме, пока вы наблюдаете за этим из вкладки браузера.

25-минутная сборка Vibecode Райли Брауна основывается прямо на этой настройке. Клауд работает на своем собственном защищенном сервере, обрабатывая фронтенды, бэкенды и генераторы миниатюр, в то время как ваш компьютер просто транслирует результаты.

Секретный соус Claude Code начинается с единственного файла: CLAUDE.md. Anthropic рассматривает его как живую спецификацию для агента, а не как ненужный README. Вместо одного блока текста они рекомендуют иерархическую структуру: корневой файл CLAUDE.md и специализированные версии в ключевых папках, таких как /frontend, /backend и /infra.

Эти файлы описывают архитектуру, цели и подводные камни. Вы можете закодировать такие вещи, как «только Next.js + Tailwind», «нет прямого доступа к БД из компонентов React» или «нацеливание на iOS и Android с общим уровнем API». Клод читает и перечитывает эти документы в процессе работы, чтобы агент перестал догадываться и начал действовать как старший инженер, который действительно ознакомился с документом дизайна.

Собственный справочник Anthropic побуждает команды рассматривать CLAUDE.md как контракт. Обновляйте его, когда изменяете маршрутизацию, меняете ORM или добавляете флаги функций, и агент будет направлять новую работу через эту ментальную модель. Игнорируйте его, и вы получите тот же хаос, что и у человека-разработчика, работающего по устаревшей спецификации.

В дополнение к этому контекстному слою Claude Code предлагает переключатели “тщательно подумать” и “ультратрудно подумать”. Эти режимы заставляют агента тратить больше токенов и времени на планирование, раскладывая функцию на 10–30 конкретных шагов, прежде чем приступить к коду. Для рефакторинга нескольких файлов или новых функций этот дополнительный этап планирования значительно сокращает цикл “переписывать это трижды”.

Инженеры Anthropic описывают ultrathink как изменение механизма: агент составляет plan.md, перечисляет риски и решает, с чего начать редактирование, прежде чем открыть хотя бы один файл. Вы жертвуете несколькими дополнительными минутами вычислений в обмен на меньшее количество поломанных сборок и меньшее количество циклов «исправления последующих PR». Для долгосрочных задач такая сделка почти всегда выигрывает.

Затем есть Навыки, которые превращают лучшие практики в повторно используемую автоматизацию. Навык может encapsulate "запускать модульные тесты и линтинг перед любым коммитом", "обеспечивать соблюдение нашей палитры дизайнерских токенов" или "регенерировать API-клиенты после редактирования спецификаций OpenAPI". Клод может вызывать эти Навыки в качестве хуков, когда соответствующие файлы изменяются.

Команды интегрируют навыки в повторяемые рабочие процессы: - Выполнение предкоммитных проверок и форматирования - Применение брендовых и дизайнерских рекомендаций к новому интерфейсу - Запуск CI-пайплайнов или GitHub Actions

Антропик документирует эти паттерны в Claude Code: Best Practices for Agentic Coding - Anthropic, который фактически является руководством по стилю для масштабирования работы AI-инженеров.

Генерация кода лишь затрагивает верхушку того, что Claude Code делает в Vibecode. Как только репозиторий клонируется в этом управляемом Anthropic виртуальном машине, он ведет себя меньше как автозаполнение и больше как DevOps команда на ускоренной перемотке, orchestrating всё — от тестов до развёртывания — без необходимости вводить единой команды в терминале.

Попросите его отправить функцию, и Claude Code не просто пишет компоненты React или обработчики API. Он настраивает рабочие процессы GitHub Actions, конфигурирует переменные окружения и нацеливается на такие платформы, как Vercel или Netlify, чтобы пуш в основную ветку или помеченный релиз автоматически собирал и развертывал ваше приложение.

Эти настройки CI/CD не являются игрушечными примерами. Claude Code может генерировать рабочие процессы, которые выполняют модульные тесты, проверки типов и линтинги; создают производственные пакеты; и деплоят на: - Vercel с предварительными URL по каждому запросу на слияние - Netlify для статических или серверлесс фронтендов - Универсальные хостинги на базе Docker с использованием пушей в реестр и шагов развертывания

Внутри компании Anthropic инженеры уже рассматривают Claude Code как интерфейс по умолчанию для Git. Внутренние команды сообщают, что более 90% их взаимодействий с git теперь происходит через Claude Code, что означает, что агент систематически ищет историю коммитов, проверяет различия и предлагает ветки без участия человека в командной строке.

Управление ошибками происходит через ту же систему. Укажите Claude Code на проблему, и он проследит за трассировками стека, сопоставит их с недавними коммитами, найдет проблемный файл и подготовит исправление. Затем он откроет полный pull request с описанием, удобным для чтения человеком, планом тестирования и ссылками на исходную проблему или инцидент.

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

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

Код может быть фишкой Claude Code, но Anthropic явно хочет, чтобы Claude стал универсальным агентом, который работает на вашем рабочем столе, а не только в вашем репозитории. За кулисами тот же Claude Agent SDK, который управляет фабрикой приложений Vibecode, также может легко управлять аналитиком таблиц, дизайнером слайдов или помощником по исследованиям, который никогда не устанет.

Покормите Клода сложным CSV, и он сделает больше, чем просто выдаст сводку. Он может загрузить файл, выполнить реальные командные оболочки и Python-скрипты, рассчитать метрики, создать графики, а затем написать отчет, понятный человеку, который объясняет, почему выручка за прошлый квартал упала на 12%, или какая когорта ушла быстрее всего.

Эти результаты не обязаны оставаться в окне чата. Агент может создать полноценную презентацию в PowerPoint или Google Slides: составить структуру слайдов, подготовить заметки для докладчика, сгенерировать графики из ваших данных и экспортировать файл .pptx, который вы можете представить без использования Keynote. Вы можете попросить «10 слайдов, готовых для руководства, с 3 графиками и 2 цитатами конкурентов», и он управляет файлами за кулисами.

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

Что делает это мощным, так это то, что тот же агентный цикл, используемый для кодирования — планирование, вызов инструментов, проверка результатов, итерация — применим почти ко всем компьютерным задачам. Если вы можете описать рабочий процесс как «открыть файлы, запустить инструменты, преобразовать контент, сохранить результаты», то, скорее всего, Клод может автоматизировать значительные его части.

С этой точки зрения, Клод перестает выглядеть как чат-бот и начинает казаться ранним цифровым коллегой. Одна версия может находиться в вашем репозитории GitHub, другая — в вашей финансовой папке, третья — в вашем исследовательском пространстве, все они делятся одним и тем же планировочным интеллектом, но имеют разные наборы инструментов. Сегодня он создает приложения за 25 минут; завтра он незаметно будет выполнять вашу еженедельную отчетность, презентации и фоновое исследование еще до того, как вы откроете свой ноутбук.

Инженеры компании Anthropic тихо предоставляют самое весомое одобрение: теперь они осуществляют более 90% своих взаимодействий с Git через Claude Code. Это включает в себя рутинные задачи, такие как подготовка файлов и написание сообщений коммитов, а также более сложные работы, такие как анализ запутанных историй или организация многопоточных ребейсов.

Новый рабочий процесс формируется, в котором человеческие разработчики ведут себя не как печатники, а скорее как архитекторы. Вы описываете функционал, ограничения и крайние случаи; Claude Code разворачивается в план, редактирует файлы в своей изолированной виртуальной машине, проводит тесты и возвращается с готовым к проверке пулл-запросом.

Пользователи, обладающие высоким уровнем навыков, рассматривают его как небольшую, неутомимую команду. Они: - Ставят в очередь несколько багов и просят Claude Code исправить их в параллельных ветках - Просят его написать регрессионные тесты для каждой заявленной проблемы перед внесением изменений в код - Заставляют его рефакторить устаревшие модули, пока сами сосредотачиваются на принятии продуктовых решений

Разработка с приоритетом тестов получает особенно значительное улучшение. Вы можете поручить Claude Code сгенерировать исчерпывающие юнит- и интеграционные тесты по спецификации, а затем заставить его написать только тот код, который необходим для прохождения этих тестов, повторяя процесс, пока CI не станет зеленым.

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

Критически важно, что самые эффективные команды не передают полностью управление. Люди по-прежнему разрабатывают системы, устанавливают стандарты качества и проводят финальную проверку кода; Claude Code занимается повторяющимися деталями реализации, обновлением документации и обеспечением согласованности между файлами.

Эта модель сотрудничества отражает более широкий процесс работы агентов, основанный на той же платформе. Собственное руководство Anthropic, Создание агентов с помощью Claude Agent SDK - Anthropic, описывает аналогичные циклы с участием человека для исследований, очистки данных и рабочих процессов контента.

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

Агентный ИИ, работающий в вкладке браузера, а не в терминальном окне, тихо переопределяет, что значит «быть разработчиком». Такие инструменты, как Claude Code внутри Vibecode, превращают URL, подсказку и несколько кликов в работающее веб- или мобильное приложение менее чем за 25 минут, включая серверную часть и пользовательский интерфейс. Этот сдвиг переносит программирование с узкоспециализированного интерфейса к чему-то, что больше похоже на использование Figma или Notion.

Сегодня это миниатюры и CRUD-приложения; завтра это распределенные системы, потоковые данные и многосервисные архитектуры, собранные агентами. Дайте ИИ репозиторий, CLAUDE.md и облачную виртуальную машину, и он уже сможет планировать, писать, тестировать и внедрять код с минимальным вмешательством человека. Расширьте это более мощными инструментами — API Kubernetes, системами выставления счетов, панелями наблюдения — и вы получите агентов, которые проектируют и поддерживают целые платформы, а не только функции.

Это будущее не стирает людей; оно перепроектирует организационную структуру. Новые роли возникают в сфере: - Проектирования запросов и дизайна поведения - Архитектуры систем и безопасности для инфраструктуры, управляемой ИИ - Управления доступом к данным, соблюдения норм и аудиторских следов Инженеры Anthropic уже направляют более 90% своих взаимодействий с Git через Claude Code, что указывает на то, как быстро эти "операторы ИИ" становятся стандартным интерфейсом для производственного кода.

Терминальные рабочие процессы остаются критически важными для низкоуровневого управления, производственных задач и отладки сложных крайних случаев. Но браузер предлагает доступ: любой, у кого есть ноутбук или телефон, может запустить агент на Vibecode, подключить GitHub и позволить Claude Code разрабатывать ветку функционала, пока он на встрече. Веб-интерфейсы становятся управляющим уровнем; оболочки становятся выходом.

Ожидайте, что следующая эра создания программного обеспечения объединит оба мира. Браузеры координируют флоты агентов, терминалы осуществляют хирургические вмешательства, а человеческие разработчики поднимаются на новый уровень — меньше написания циклов, больше спецификации систем и ограничений для машин, которые это делают.

Что такое Claude Code?

Claude Code — это AI помощник по программированию от компании Anthropic, который может самостоятельно писать, тестировать и отлаживать код. Он функционирует как AI-агент, способный справляться со сложными задачами разработки от начала до конца.

Как Vibecode использует Claude Code?

Vibecode — это веб-платформа, которая предоставляет удобный интерфейс для использования возможностей Claude Code. Она позволяет пользователям создавать полнофункциональные приложения прямо из браузера или мобильного телефона без необходимости в сложной локальной настройке.

Может ли Claude Code создавать приложения профессионального уровня?

Да. Как было продемонстрировано, он может создавать полные веб- и мобильные приложения с фронтендом и бэкендом, которые могут быть развернуты для реального использования.

Является ли Claude Code лучше в браузере, чем в терминале?

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