ToolMage
Iniciar sesión

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

Peksy Overview

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 FAQ

Peksy Comments (0)

Sign in to comment.

Iniciar sesión

No comments yet.

Peksy Alternatives

Webutility
Free

Webutility

WebUtility.io es un completo conjunto de herramientas en línea gratuitas para desarrolladores web, creadores de contenido y usuarios en general. Ofrece una vasta colección de utilidades, incluyendo embellecedores y minificadores de código, convertidores de datos, diversos generadores (contraseñas, datos de prueba, prompts de IA), formateadores de texto y herramientas de imagen. Con una interfaz fácil de usar y sin necesidad de registro, proporciona soluciones rápidas y eficientes para una amplia gama de tareas digitales diarias.

Prompting
Visits 158.5KFavorites 160Likes 148
AtomicComponents
Freemium

AtomicComponents

AtomicComponents es una biblioteca de componentes React impulsada por IA, diseñada para construir interfaces de usuario modernas, escalables y accesibles de forma más rápida. Ofrece más de 115 componentes altamente personalizables, 30 temas integrados y una integración perfecta con asistentes de IA como Claude y GitHub Copilot a través de su servidor Model Context Protocol (MCP).

Sistemas de Diseño
Visits 6.6KFavorites 81Likes 116
Relume
Freemium

Relume

Relume es una plataforma impulsada por IA que acelera el proceso de diseño y construcción de sitios web. Permite a los usuarios generar mapas de sitio y wireframes a partir de una simple instrucción, crear guías de estilo completas y acceder a una vasta biblioteca de más de 1000 componentes. Con exportación fluida a Figma, Webflow y React, Relume agiliza todo el flujo de trabajo para diseñadores, desarrolladores y agencias, convirtiendo ideas en diseños de alta fidelidad en minutos.

Creador de Sitios Web
Visits 666.3KFavorites 188Likes 193
Cmd J AI Assistant
Freemium

Cmd J AI Assistant

Cmd J es un asistente de IA activado por teclado, disponible como una extensión de Chrome, diseñado para aumentar la productividad. Impulsado por ChatGPT, proporciona ayuda instantánea con la escritura, la codificación y la investigación directamente en tu navegador. Simplemente presiona un atajo (Cmd+J o Alt+J) para invocar a la IA, eliminando la necesidad de cambiar de pestaña o abrir nuevas aplicaciones, e integrándose perfectamente en cualquier flujo de trabajo.

Extensiones de Chrome
Visits 64.8KFavorites 132Likes 144
Frontender
Freemium

Frontender

Un potente plugin de Figma que actúa como tu desarrollador junior personal, convirtiendo instantáneamente diseños de Figma en código front-end limpio y listo para producción. Soporta HTML, JSX, CSS, CSS-in-JS y Tailwind CSS, y funciona a la perfección con frameworks como React, Vue y Svelte, incluso con archivos de diseño desordenados.

Del Diseño al 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