Peksy é uma extensão gratuita do Chrome para desenvolvedores. Permite selecionar qualquer elemento da web e copiar instantaneamente seu contexto — incluindo HTML, CSS e informações de componentes — em um formato Markdown otimizado para assistentes de codificação de IA como ChatGPT, Claude e Cursor.

5
Adicionado em: 2025-12-09
Tipo de preço Grátis
Tráfego mensal: 3.5K

Peksy Visão Geral

Peksy é uma extensão poderosa e gratuita do Chrome que otimiza o fluxo de trabalho para desenvolvedores que usam assistentes de codificação de IA. Ele atua como um capturador de contexto de elementos, permitindo que os usuários selecionem qualquer elemento em uma página da web e copiem instantaneamente seu contexto completo. Isso inclui a estrutura HTML do elemento, estilos CSS computados e até informações de componentes para frameworks como React e Vue. O contexto copiado é formatado automaticamente em Markdown limpo, pronto para ser colado diretamente em chats de IA como Claude, ChatGPT ou Cursor, levando a respostas mais precisas e relevantes da IA.

Como usar Peksy

Usar o Peksy é um processo simples de três etapas:
1. Ativar: Pressione e segure as teclas de atalho (ex: ⌘⇧, configurável) para entrar no modo de seleção. Seu cursor se transformará em uma mira.
2. Selecionar: Clique em um único elemento ou arraste para selecionar vários elementos na página da web. Uma dica de ferramenta mostrará uma prévia das informações do elemento.
3. Colar: O contexto do elemento é copiado automaticamente para a sua área de transferência em formato Markdown. Basta colá-lo na janela de chat do seu assistente de IA preferido.

Recursos principais do Peksy

  • Seleção Inteligente de Elementos: Apresenta um cursor de mira com destaque de elemento em tempo real e uma pré-visualização em dica de ferramenta para seleção precisa.
  • Visualização 3D do DOM: Alterne para uma visualização 3D da estrutura DOM da página (usando Ctrl+Shift+3) para depurar facilmente problemas de z-index e contexto de empilhamento.
  • Suporte para React & Vue: Detecta e extrai automaticamente nomes de componentes, props e locais de arquivos de origem para projetos construídos com React ou Vue.
  • Captura de Estilos Computados: Copia todos os estilos computados relevantes, incluindo layout, espaçamento, tipografia e propriedades visuais.
  • Atalhos Personalizáveis: Permite que os usuários configurem suas próprias combinações de teclas modificadoras preferidas nas configurações da extensão.
  • Cópia com Um Clique: Copia instantaneamente o contexto Markdown formatado para a área de transferência após a seleção, sem necessidade de etapas extras.

Casos de uso para Peksy

Peksy é ideal para desenvolvedores front-end, web designers e engenheiros de QA. Pode ser usado para depurar problemas complexos de CSS, fornecendo à IA os estilos exatos de um elemento. Também é útil para gerar código boilerplate, refatorar componentes existentes ou simplesmente pedir à IA para explicar uma parte específica da interface do usuário com contexto completo.

Vantagens do Peksy

A principal vantagem do Peksy é a melhoria significativa na qualidade e precisão das respostas geradas por IA para tarefas de desenvolvimento web. Ele economiza tempo dos desenvolvedores, eliminando o processo manual de inspecionar elementos e copiar código. É totalmente gratuito, não requer conta de usuário e suporta frameworks de desenvolvimento modernos, tornando-o uma ferramenta altamente acessível e eficiente.

Preços e planos

Peksy é totalmente gratuito. O site oficial afirma que nenhuma conta é necessária para instalar и usar esta extensão do Chrome.

Peksy Perguntas Frequentes

Peksy Comentários (0)

Ainda não há comentários, seja o primeiro a comentar!

Faça login para comentar

Entrar agora

Peksy Alternativas

Ver Tudo
Grátis
Webutility

Webutility

WebUtility.io é um conjunto abrangente de ferramentas online gratuitas para desenvolvedores web, criadores de conteúdo e usuários em …

206.8K
Relume

Relume

Relume é uma plataforma alimentada por IA que acelera o processo de design e construção de websites. Permite …

718.7K
AtomicComponents

AtomicComponents

AtomicComponents é uma biblioteca de componentes React com inteligência artificial, projetada para construir interfaces de usuário modernas, escaláveis …

3.4K
Cmd J AI Assistant

Cmd J AI Assistant

O Cmd J é um assistente de IA ativado por teclado, disponível como uma extensão do Chrome, projetado …

77.9K
Cascade

Cascade

Cascade é um ambiente de desenvolvimento criativo projetado para o desenvolvimento web moderno. Ele permite que os usuários …

3.4K
Grátis
Layrr

Layrr

Layrr é um editor visual gratuito e de código aberto que permite a desenvolvedores e designers criar e …

4.5K
Frontender

Frontender

Um poderoso plugin para o Figma que atua como seu desenvolvedor júnior pessoal, convertendo instantaneamente designs do Figma …

1.3K
Kombai

Kombai

Kombai é um agente de IA especializado para desenvolvimento frontend que transforma designs do Figma, imagens e prompts …

167.0K
Lufe

Lufe

Lufe é um tradutor de IA completo, alimentado por Gemini, ChatGPT e Claude. Oferece tradução rápida e precisa …

135.0K
Relume

Relume

Relume é um construtor de sites com IA que acelera o processo de design e desenvolvimento. Ele permite …

3.5K

Peksy Recurso de Incorporação

Basta copiar o código de incorporação abaixo e colá-lo em seu blog, artigo ou site oficial para exibir um selo elegante que direciona o tráfego diretamente para a página de detalhes desta ferramenta, aumentando rapidamente a visibilidade e o número de usuários!

ToolMage
ToolMage
FOLLOW US ON
74
Como instalar?
Link copiado para a área de transferência!