Extensão do Chrome Adiciona Visualização ao Vivo ao Claude Code Web

✍️ OpenClawRadar📅 Publicado: April 20, 2026🔗 Source
Extensão do Chrome Adiciona Visualização ao Vivo ao Claude Code Web
Ad

O Que É Isso

Um desenvolvedor criou uma extensão do Chrome que adiciona funcionalidade de visualização ao vivo ao Claude Code Web, permitindo visualização lado a lado de implantações semelhante ao disponível no Lovable e outras plataformas descritas como sites de "vibecoding".

Ad

Detalhes Principais

A extensão se chama Claude Code Preview e está disponível para Chrome. De acordo com a fonte, ela fornece "uma visualização ao vivo de implantações lado a lado no CC Web". O desenvolvedor compartilhou dois links: um para um site (https://100toolkit.com/claudepreview) e outro para a listagem na Chrome Web Store (https://chromewebstore.google.com/detail/claude-code-preview/goklhjjdneoeikkoemcngfdnodkddgme).

Esse tipo de extensão aborda uma lacuna específica no fluxo de trabalho para desenvolvedores que usam o Claude Code Web. Sem essa extensão, os usuários precisariam implantar e verificar seu código manualmente em abas ou janelas separadas do navegador. A funcionalidade de visualização lado a lado permite feedback visual imediato durante o desenvolvimento, o que é particularmente útil para desenvolvimento web, onde ver as mudanças em tempo real pode acelerar os ciclos de iteração.

A extensão parece ser uma ferramenta de terceiros criada por um membro da comunidade (/u/Fit-Joke6094) em vez de um lançamento oficial da Anthropic. Os desenvolvedores devem avaliar tais extensões quanto à segurança e compatibilidade antes da instalação, pois elas interagem diretamente com a interface do Claude Code Web.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Mengram AI: Ferramenta de Memória Automática para Sessões de Código do Claude
Tools

Mengram AI: Ferramenta de Memória Automática para Sessões de Código do Claude

O Mengram AI mantém automaticamente o contexto entre sessões do Claude Code carregando perfis cognitivos, injetando contexto relevante do passado nos prompts e salvando novos conhecimentos. Ele armazena memória semântica, episódica e procedural que evolui com base em falhas.

OpenClawRadar
Usando um LLM Local como Subagente de Código do Claude para Reduzir o Uso de Contexto
Tools

Usando um LLM Local como Subagente de Código do Claude para Reduzir o Uso de Contexto

Um desenvolvedor compartilha um método para usar o Claude Code para delegar tarefas a um LLM local via API do LM Studio, mantendo o conteúdo dos arquivos fora do contexto do Claude. A abordagem usa um script Python de ~120 linhas com chamada de ferramentas para ler arquivos localmente e retornar resumos.

OpenClawRadar
Skill Studio: Aplicativo de Desktop de Código Aberto para Gerenciar Habilidades do Agente Claude AI
Tools

Skill Studio: Aplicativo de Desktop de Código Aberto para Gerenciar Habilidades do Agente Claude AI

Skill Studio é um aplicativo gratuito e de código aberto para macOS que permite aos desenvolvedores navegar por repositórios de habilidades da comunidade, visualizar documentação com renderização de markdown e instalar habilidades com comandos de um clique, como npx skills add.

OpenClawRadar
Quatro Habilidades Gratuitas do Claude Code para Clareza de Prompt, Tutoriais e Caça a Bugs
Tools

Quatro Habilidades Gratuitas do Claude Code para Clareza de Prompt, Tutoriais e Caça a Bugs

Quatro habilidades Claude Code gratuitas (Apache 2.0, sem nível pago): prompter (reescrita de prompts), tutorial-creator (tutoriais de código anotados), bug-echo (varredura de anti-padrões pós-correção) e bug-prospector (auditoria pré-lançamento com 7 lentes de análise).

OpenClawRadar