Боковая панель Chrome добавляет живое AI-сопровождение программирования для веб-страниц
Lizard Studio - Панель кода Claude, разработанная компанией Dragon Labs LLC, встраивает Claude Code от Anthropic в Chrome, чтобы предоставить помощь в разработке в контексте веб-страниц. Расширение выводит помощника внутри боковой панели браузера, который подключается к локально работающему CLI Claude Code для помощи с отладкой, предложениями по коду и редактированием на странице. Его интерфейс объединяет визуальный захват и инструменты дизайна, нацеленные на веб-разработчиков и дизайнеров пользовательских интерфейсов, желающих использовать AI-осведомленные рабочие процессы в браузере.
Может ли ассистент взаимодействовать со страницей как человеческий сотрудник?
Да: инструмент подключает ассистента к среде выполнения браузера, чтобы он мог проверять структуру живого документа и работать на активной вкладке. Это соединение позволяет ассистенту захватывать составные скриншоты, аннотировать элементы и выполнять действия, такие как щелчок или ввод текста, что дает ИИ контекст в реальном времени, необходимый для поведения больше как пара программиста, чем как пассивного резюмирующего.
Сохраняет ли он обработку локальной и ограничивает маршрутизацию третьих сторон?
Архитектура с приоритетом локальности: расширение управляет локальным Claude Code CLI через хост с нативным сообщением, который разработчик описывает как полностью работающий на машине пользователя. Шаг установки использует Node.js (хост устанавливается с помощью команды npx), и разработчик утверждает, что не используются внешние серверы или телеметрия, что снижает сетевой трафик к внешним процессорам по сравнению с облачными боковыми панелями.
Как это вписывается в существующий рабочий процесс и инструменты разработчика?
Интеграция с общими задачами фронтенда: расширение объединяет помощников по дизайну на странице и средства инспекции, которые в противном случае требуют отдельных инструментов. Интерфейс включает:
- линейки, направляющие и колонные сетки
- пипетку для выборки цвета
- предварительный просмотр адаптивного окна и аннотацию элементов
Расширение также работает с вашей существующей учетной записью Anthropic и папками проектов, так что отдельная учетная запись Lizard не требуется; это снижает трение при создании учетной записи, связывая инструмент с управляемой разработчиком настройкой Claude Code.
Практичный выбор для разработчиков, которые принимают локальную настройку
Lizard Studio подходит разработчикам и дизайнерам, готовым запустить локальный Claude Code CLI и установить нативный хост, поскольку это требование создает начальный шаг конфигурации. Для команд, готовых добавить инструменты Node.js, расширение встраивает AI-помощь непосредственно в рабочий процесс браузера и сохраняет обработку на месте; для пользователей, которые избегают локальных компонентов, нагрузка по настройке делает его менее удобным вариантом.
