Clique no elemento.
O Claude Code faz.

Extensão Chrome que liga seu navegador ao Claude Code. Em vez de tirar print e explicar onde fica, você clica no elemento e o Claude Code edita, replica ou copia, com CSS, HTML e arquivo:linha.

◆ Em breve na Chrome Web Store
Grátis · usa o seu Claude Code · tudo roda local, nada vai pra servidor
Editar (lote)

Aponta e muda

Clica em vários elementos do seu projeto em dev e o Claude edita todos no mesmo arquivo:linha (Vite/Next).

Compose

N origens → 1 destino

Pega N elementos de qualquer site, escolhe onde inserir no seu projeto, e o Claude monta. Único no mercado.

Replicar (lote)

De qualquer site

Reconstrói N elementos em HTML/CSS standalone. Detecta animação (CSS, canvas, vídeo, Lottie).

Copiar exata

Página fiel

Snapshot real de HTML+CSS da página, sem reconstruir, sem inventar.

Como começar
Instala a extensão no Chrome (botão acima).
Roda o bridge local: npx claude-nookpick
Abre o Claude Code em qualquer terminal · a extensão detecta sozinha.
Compatibilidade · sistema
Linux X11 · totalmente suportado (Ubuntu, Fedora, Arch · GNOME, KDE, etc).
Linux Wayland · não suportado ainda (auto-injeção precisa de ydotool + permissão de input).
macOS / Windows · não suportado nesta versão (exigiria AppleScript / WinAPI no bridge).
O bridge é um servidor Node local · pode subir manualmente com npx claude-nookpick ou como serviço (systemd user no Linux) pra iniciar no boot.