К основному содержимому

Claude Code в веб-браузере

Обновлено сегодня

Claude Code в веб-версии запускает задачи Claude Code удалённо, работая с кодом из ваших репозиториев GitHub. В этой статье объясняется, как это работает, когда использовать веб-версию вместо запуска Claude Code в терминале или IDE, и какие рабочие процессы это позволяет реализовать.

Что предоставляет Claude Code в веб-версии

Claude Code в веб-версии позволяет делегировать задачи Claude, которые выполняются без вашего активного контроля. В браузере вы выбираете репозиторий GitHub, описываете, что нужно сделать, и Claude работает над задачей в удалённой среде. После того как Claude Code начнёт работать над задачей, вы можете полностью покинуть страницу; Claude продолжит свою работу. По завершении Claude автоматически создаст pull request с изменениями для вашего рассмотрения.

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

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

Вы также можете запускать несколько задач параллельно. Поскольку каждая задача выполняется в собственной изолированной среде, Claude может одновременно работать над несколькими различными проблемами или репозиториями. Каждая задача выполняется независимо и создаёт свой pull request по завершении. Более одной задачи может работать на одном репозитории одновременно.

Как это работает

Когда вы запускаете задачу, Claude Code в веб-версии создаёт изолированную виртуальную машину для вашей работы. Ваш репозиторий GitHub клонируется в эту среду, которая предварительно настроена с распространёнными инструментами разработки и экосистемами языков программирования.

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

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

Когда Claude завершает задачу, он отправляет изменения в новую ветку вашего репозитория GitHub. Вы получаете уведомление и можете проверить изменения, затем создать pull request прямо из интерфейса. Pull request включает всю работу Claude, готовую к вашему рассмотрению и любым дополнительным изменениям, которые вы хотите внести.

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

Когда использовать Claude Code в веб-версии вместо терминала

Claude Code в веб-версии — это новый способ работы с Claude Code. Некоторые задачи хорошо подходят для асинхронного выполнения в веб-версии, в то время как другие по-прежнему лучше всего запускать с Claude Code через ваш терминал или IDE.

Используйте Claude Code в веб-версии для:

  • Чётко определённых задач с ясными требованиями: Когда вы можете точно описать, что нужно сделать, и не ожидаете, что вам нужно будет направлять Claude во время выполнения задачи, веб-интерфейс позволяет вам запустить работу и вернуться, когда она будет завершена.

  • Фоновая работа над невыполненными задачами: Вы можете назначить Claude несколько проблем из вашего невыполненного списка и позволить им выполняться параллельно. Каждая задача выполняется независимо, позволяя вам одновременно решать несколько проблем без контроля каждой из них.

  • Репозитории, которые у вас нет локально: Если вам нужно внести изменения в репозиторий, который вы не клонировали или не хотите настраивать на своей машине, Claude Code в веб-версии справляется с настройкой среды за вас.

  • Задачи, которые вы хотите поставить в очередь: Когда у вас есть список изменений, которые нужно внести, но вы не хотите работать над ними прямо сейчас, вы можете запустить задачи в веб-версии и проверить результаты позже. Это позволяет вам группировать похожую работу или делегировать задачи в то время, когда вы сосредоточены на чём-то другом.

Используйте Claude Code в терминале/IDE для:

  • Задач, требующих частой корректировки курса: Когда вы не уверены в правильном подходе или ожидаете, что вам нужно будет перенаправить Claude на основе того, что вы видите, работа в терминале даёт вам немедленную обратную связь. Вы можете изменить направление по мере работы Claude, а не ждать полного результата.

  • Исследовательская работа с неясными требованиями: Если вы разбираетесь в том, как решить проблему или исследуете различные подходы, терминал позволяет вам уточнить ваш запрос по мере обучения. Обмен информацией помогает уточнить требования, которые были неочевидны в начале.

  • Локальная разработка с незафиксированными изменениями: Когда вы активно разрабатываете и имеете незафиксированную работу в вашем локальном репозитории, использование Claude Code в терминале держит всё в одном месте. Вы можете быстро повторять изменения без необходимости фиксировать или отправлять работу, которая ещё не готова.

  • Задач, требующих немедленной обратной связи: Если вам нужно быстро увидеть результаты и вы хотите быстро повторять, терминал обеспечивает меньшую задержку. Вы можете наблюдать работу Claude в реальном времени и остановить или перенаправить, если что-то пойдёт не так в начале процесса.

Примеры использования

Изменения бэкенда с разработкой, управляемой тестами

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

Пример подсказки:

Добавьте ограничение скорости к конечной точке /api/search.

Ограничитель скорости должен:
- Разрешить 100 запросов в минуту на ключ API
- Вернуть статус 429 при превышении лимита
- Сбросить лимиты через 60 секунд
- Отслеживать разные ключи API независимо

Используйте подход TDD: сначала напишите комплексные тесты, затем реализуйте логику ограничения скорости для их прохождения.

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

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

Обновления документации

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

Пример подсказки:

Обновите CHANGELOG.md со всеми изменениями с момента выпуска v2.3.0:
- Просмотрите коммиты в ветке main с этого тега.
- Категоризируйте изменения в разделы "Added", "Changed", "Fixed" и "Removed".
- Включите хеш коммита для каждой записи.

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

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

Рефакторинг с чётким объёмом

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

Пример подсказки:

Класс UserService в /src/services/user.go имеет длину 800 строк.
Разделите его на три сфокусированных сервиса:
- UserAuthService (вход/выход/сессии)
- UserProfileService (операции CRUD профиля)
- UserPreferencesService (параметры/предпочтения)

Убедитесь, что все тесты по-прежнему проходят.

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

Что делает это эффективным: Задача требует времени, но не требует вашего активного участия после определения структуры. Вы можете запустить рефакторинг и проверить организованный результат позже, а не контролировать Claude по мере выполнения задачи. Чёткий объём означает, что Claude вряд ли потребуется рекомендация во время выполнения задачи.

Советы по эффективному использованию

  • Рассмотрите возможность добавления набора тестов в ваш репозиторий, чтобы Claude легче проверил, что он успешно завершил задачу

  • Укажите критерии успеха вместо расплывчатых целей, таких как "улучшить" или "исправить"

  • Определите, что должно измениться и что должно остаться неизменным в вашей подсказке

  • Определите объём задач с чёткими границами, чтобы Claude не нуждался в рекомендации во время выполнения

  • Если вы думаете "мне нужно сначала посмотреть, как это будет", рассмотрите использование терминала вместо этого

  • Используйте "Open in CLI", если вы поймёте во время выполнения задачи, что вам нужно предоставить рекомендацию

Нашли ответ на свой вопрос?