ToolMage
Entrar

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.0
Added
2025-12-09
Price type:
Free
Monthly traffic:
6.5K

Peksy Overview

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 FAQ

Peksy Comments (0)

Sign in to comment.

Entrar

No comments yet.

Peksy Alternatives

Webutility
Free

Webutility

WebUtility.io é um conjunto abrangente de ferramentas online gratuitas para desenvolvedores web, criadores de conteúdo e usuários em geral. Oferece uma vasta coleção de utilitários, incluindo embelezadores e minificadores de código, conversores de dados, vários geradores (senhas, dados fictícios, prompts de IA), formatadores de texto e ferramentas de imagem. Com uma interface amigável e sem necessidade de registro, fornece soluções rápidas e eficientes para uma ampla gama de tarefas digitais diárias.

Prompting
Visits 158.5KFavorites 160Likes 148
AtomicComponents
Freemium

AtomicComponents

AtomicComponents é uma biblioteca de componentes React com inteligência artificial, projetada para construir interfaces de usuário modernas, escaláveis e acessíveis de forma mais rápida. Oferece mais de 115 componentes altamente personalizáveis, 30 temas integrados e integração perfeita com assistentes de IA como Claude e GitHub Copilot através de seu servidor Model Context Protocol (MCP).

Sistemas de Design
Visits 6.6KFavorites 81Likes 116
Relume
Freemium

Relume

Relume é uma plataforma alimentada por IA que acelera o processo de design e construção de websites. Permite aos utilizadores gerar sitemaps e wireframes a partir de um simples prompt, criar guias de estilo abrangentes e aceder a uma vasta biblioteca com mais de 1000 componentes. Com exportação transparente para Figma, Webflow e React, o Relume otimiza todo o fluxo de trabalho para designers, programadores e agências, transformando ideias em designs de alta fidelidade em minutos.

Construtor de Sites
Visits 666.3KFavorites 188Likes 193
Cmd J AI Assistant
Freemium

Cmd J AI Assistant

O Cmd J é um assistente de IA ativado por teclado, disponível como uma extensão do Chrome, projetado para aumentar a produtividade. Equipado com o ChatGPT, ele fornece ajuda instantânea com escrita, codificação e pesquisa diretamente no seu navegador. Basta pressionar um atalho (Cmd+J ou Alt+J) para invocar a IA, eliminando a necessidade de trocar de abas ou abrir novos aplicativos, e integrando-se perfeitamente a qualquer fluxo de trabalho.

Extensões do Chrome
Visits 64.8KFavorites 132Likes 144
Frontender
Freemium

Frontender

Um poderoso plugin para o Figma que atua como seu desenvolvedor júnior pessoal, convertendo instantaneamente designs do Figma em código front-end limpo e pronto para produção. Suporta HTML, JSX, CSS, CSS-in-JS e Tailwind CSS, e funciona perfeitamente com frameworks como React, Vue e Svelte, mesmo com arquivos de design desorganizados.

Do Design ao Código
Visits 8.2KFavorites 139Likes 149

Peksy Categories

Peksy Tags

Peksy Jobs

Peksy Embed Widget

Copy this embed code to place the badge on your blog, article, or product site and send readers directly to this ToolMage detail page.

ToolMageFOLLOW US ON107