Peksy es una extensión gratuita de Chrome para desarrolladores. Te permite seleccionar cualquier elemento web y copiar instantáneamente su contexto —incluyendo HTML, CSS e información de componentes— en un formato Markdown optimizado para asistentes de codificación de IA como ChatGPT, Claude y Cursor.

5
Fecha de inclusión: 2025-12-09
Tipo de precio Gratis
Tráfico mensual: 2.1K

Peksy Visión general

Peksy es una potente extensión gratuita de Chrome que agiliza el flujo de trabajo de los desarrolladores que utilizan asistentes de codificación de IA. Actúa como un capturador de contexto de elementos, permitiendo a los usuarios seleccionar cualquier elemento en una página web y copiar instantáneamente su contexto completo. Esto incluye la estructura HTML del elemento, los estilos CSS computados e incluso información de componentes para frameworks como React y Vue. El contexto copiado se formatea automáticamente en un Markdown limpio, listo para ser pegado directamente en chats de IA como Claude, ChatGPT o Cursor, lo que conduce a respuestas más precisas y relevantes por parte de la IA.

Cómo usar Peksy

Usar Peksy es un proceso sencillo de tres pasos:
1. Activar: Mantén presionadas las teclas de atajo (p. ej., ⌘⇧, configurable) para entrar en el modo de selección. Tu cursor se convertirá en una cruz.
2. Seleccionar: Haz clic en un solo elemento o arrastra para seleccionar múltiples elementos en la página web. Una información sobre herramientas te mostrará una vista previa de la información del elemento.
3. Pegar: El contexto del elemento se copia automáticamente a tu portapapeles en formato Markdown. Simplemente pégalo en la ventana de chat de tu asistente de IA preferido.

Características principales de Peksy

  • Selección Inteligente de Elementos: Cuenta con un cursor en forma de cruz con resaltado de elementos en tiempo real y una vista previa en la información sobre herramientas para una selección precisa.
  • Visualización 3D del DOM: Activa una vista 3D de la estructura DOM de la página (usando Ctrl+Shift+3) para depurar fácilmente problemas de z-index y contexto de apilamiento.
  • Soporte para React y Vue: Detecta y extrae automáticamente nombres de componentes, props y ubicaciones de archivos de origen para proyectos construidos con React o Vue.
  • Captura de Estilos Computados: Copia todos los estilos computados relevantes, incluyendo diseño, espaciado, tipografía y propiedades visuales.
  • Atajos Personalizables: Permite a los usuarios configurar sus propias combinaciones de teclas modificadoras preferidas en la configuración de la extensión.
  • Copia con un Clic: Copia instantáneamente el contexto Markdown formateado al portapapeles tras la selección, sin necesidad de pasos adicionales.

Casos de uso para Peksy

Peksy es ideal para desarrolladores front-end, diseñadores web e ingenieros de QA. Se puede utilizar para depurar problemas complejos de CSS proporcionando a la IA los estilos exactos de un elemento. También es útil para generar código repetitivo, refactorizar componentes existentes o simplemente pedir a la IA que explique una parte específica de la interfaz de usuario con todo el contexto.

Ventajas de Peksy

La principal ventaja de Peksy es la mejora significativa en la calidad y precisión de las respuestas generadas por IA para tareas de desarrollo web. Ahorra tiempo a los desarrolladores al eliminar el proceso manual de inspeccionar elementos y copiar código. Es completamente gratuito, no requiere cuenta de usuario y es compatible con frameworks de desarrollo modernos, lo que lo convierte en una herramienta muy accesible и eficiente.

Precios y planes

Peksy es de uso completamente gratuito. El sitio web oficial indica que no se requiere ninguna cuenta para instalar y utilizar esta extensión de Chrome.

Peksy Preguntas frecuentes

Peksy Comentarios (0)

Aún no hay comentarios, ¡sé el primero en comentar!

Inicie sesión para publicar comentarios

Iniciar sesión ya

Peksy Alternativas

Ver todo
Gratis
Webutility

Webutility

WebUtility.io es un completo conjunto de herramientas en línea gratuitas para desarrolladores web, creadores de contenido y usuarios …

205.4K
Relume

Relume

Relume es una plataforma impulsada por IA que acelera el proceso de diseño y construcción de sitios web. …

717.3K
AtomicComponents

AtomicComponents

AtomicComponents es una biblioteca de componentes React impulsada por IA, diseñada para construir interfaces de usuario modernas, escalables …

2.0K
Cmd J AI Assistant

Cmd J AI Assistant

Cmd J es un asistente de IA activado por teclado, disponible como una extensión de Chrome, diseñado para …

76.5K
Cascade

Cascade

Cascade es un entorno de desarrollo creativo diseñado para el desarrollo web moderno. Permite a los usuarios explorar …

2.0K
Gratis
Layrr

Layrr

Layrr es un editor visual gratuito y de código abierto que permite a desarrolladores y diseñadores crear y …

3.0K
Frontender

Frontender

Un potente plugin de Figma que actúa como tu desarrollador junior personal, convirtiendo instantáneamente diseños de Figma en …

2.1K
Promptmatic

Promptmatic

Promptmatic es una potente extensión de Google Chrome para ChatGPT, diseñada para mejorar tus interacciones con la IA. …

204.5K
Kombai

Kombai

Kombai es un agente de IA especializado para el desarrollo frontend que transforma diseños de Figma, imágenes y …

165.4K
Lufe

Lufe

Lufe es un traductor de IA todo en uno impulsado por Gemini, ChatGPT y Claude. Ofrece traducción rápida …

144.3K

Peksy Función de incrustar

Simplemente copie el código de inserción de abajo y pegue la insignia en su blog, artículo o sitio web oficial para dirigir el tráfico directamente a la página de detalles de esta herramienta, ¡aumentando rápidamente la exposición y el número de usuarios!

ToolMage
ToolMage
FOLLOW US ON
74
¿Cómo instalarlo?
¡Enlace copiado al portapapeles!