Painel lateral do Chrome adiciona programação em par com IA ao vivo para páginas da web
Lizard Studio - Painel Lateral do Claude Code, desenvolvido pela Dragon Labs LLC, incorpora o Claude Code da Anthropic no Chrome para fornecer assistência de desenvolvimento em contexto para páginas da web. A extensão exibe um assistente dentro do painel lateral do navegador que se conecta a um CLI do Claude Code em execução localmente para ajudar com depuração, sugestões de código e edições na página. Sua interface agrupa captura visual e um kit de ferramentas de design, voltado para desenvolvedores web e designers de UI que desejam fluxos de trabalho de navegador cientes de IA.
O assistente pode interagir com a página como um colaborador humano?
Sim: a ferramenta conecta o assistente ao ambiente de execução do navegador, permitindo que ele inspecione a estrutura do documento ao vivo e opere na aba ativa. Essa conexão permite que o assistente capture capturas de tela compostas, anote elementos e realize ações como clicar ou digitar, dando à IA o contexto em tempo real necessário para se comportar mais como um programador em par do que como um resumidor passivo.
Ele mantém o processamento local e limita o roteamento de terceiros?
Arquitetura local-primeiro: a extensão aciona um Claude Code CLI local através de um host de mensagens nativas, que o desenvolvedor descreve como funcionando inteiramente na máquina do usuário. O passo de instalação utiliza Node.js (o host é instalado com um comando npx), e o desenvolvedor afirma que nenhum servidor externo ou telemetria é utilizado, o que reduz o trânsito de rede para processadores externos em comparação com barras laterais mediadas pela nuvem.
Como isso se encaixa no fluxo de trabalho e nas ferramentas existentes de um desenvolvedor?
Integração com tarefas comuns de front-end: a extensão agrupa ajudantes de design na página e ferramentas de inspeção que, de outra forma, exigiriam ferramentas separadas. A interface inclui:
- régua, guias e grades de coluna
- um conta-gotas para amostragem de cores
- pré-visualização de viewport responsiva e anotação de elementos
A extensão também opera com sua conta e pastas de projeto existentes da Anthropic, portanto, nenhuma conta separada do Lizard é necessária; isso reduz a fricção da conta enquanto vincula a ferramenta a uma configuração de Claude Code controlada pelo desenvolvedor.
Escolha prática para desenvolvedores que aceitam configuração local
Lizard Studio é adequado para desenvolvedores e designers preparados para executar um CLI do Claude Code localmente e instalar um host nativo, porque esse requisito cria uma etapa de configuração inicial. Para equipes dispostas a adicionar ferramentas Node.js, a extensão incorpora assistência de IA diretamente em um fluxo de trabalho do navegador e mantém o processamento local; para usuários que evitam componentes locais, o ônus da configuração torna essa uma opção menos conveniente.
