ToolMage
Connexion

Peksy est une extension Chrome gratuite pour les développeurs. Elle vous permet de sélectionner n'importe quel élément web et de copier instantanément son contexte — y compris HTML, CSS et informations sur les composants — dans un format Markdown optimisé pour les assistants de codage IA comme ChatGPT, Claude et Cursor.

5.0
Added
2025-12-09
Price type:
Free
Monthly traffic:
3.5K

Peksy Overview

Peksy est une extension Chrome puissante et gratuite qui simplifie le flux de travail des développeurs utilisant des assistants de codage IA. Elle agit comme un capteur de contexte d'élément, permettant aux utilisateurs de sélectionner n'importe quel élément sur une page web et de copier instantanément son contexte complet. Cela inclut la structure HTML de l'élément, les styles CSS calculés, et même les informations sur les composants pour des frameworks comme React et Vue. Le contexte copié est automatiquement formaté en Markdown propre, prêt à être collé directement dans des chats IA comme Claude, ChatGPT ou Cursor, ce qui conduit à des réponses plus précises et pertinentes de l'IA.

Comment utiliser Peksy

L'utilisation de Peksy est un processus simple en trois étapes :
1. Activer : Maintenez les touches de raccourci (par ex. ⌘⇧, configurable) pour entrer en mode de sélection. Votre curseur se transformera en réticule.
2. Sélectionner : Cliquez sur un seul élément ou faites glisser pour sélectionner plusieurs éléments sur la page web. Une infobulle affichera un aperçu des informations de l'élément.
3. Coller : Le contexte de l'élément est automatiquement copié dans votre presse-papiers au format Markdown. Il suffit de le coller dans la fenêtre de discussion de votre assistant IA préféré.

Fonctionnalités principales de Peksy

  • Sélection d'Éléments Intelligente : Dispose d'un curseur en forme de réticule avec mise en surbrillance des éléments en temps réel et un aperçu dans une infobulle pour une sélection précise.
  • Visualisation 3D du DOM : Basculez vers une vue 3D de la structure DOM de la page (en utilisant Ctrl+Shift+3) pour déboguer facilement les problèmes de z-index et de contexte d'empilement.
  • Support React & Vue : Détecte et extrait automatiquement les noms de composants, les props et les emplacements des fichiers sources pour les projets construits avec React ou Vue.
  • Capture des Styles Calculés : Copie tous les styles calculés pertinents, y compris la mise en page, l'espacement, la typographie et les propriétés visuelles.
  • Raccourcis Personnalisables : Permet aux utilisateurs de configurer leurs propres combinaisons de touches de modification préférées dans les paramètres de l'extension.
  • Copie en Un Clic : Copie instantanément le contexte Markdown formaté dans le presse-papiers lors de la sélection, sans étapes supplémentaires.

Cas d'utilisation pour Peksy

Peksy est idéal pour les développeurs front-end, les concepteurs web et les ingénieurs QA. Il peut être utilisé pour déboguer des problèmes CSS complexes en fournissant à l'IA les styles exacts d'un élément. Il est également utile pour générer du code de base, refactoriser des composants existants ou simplement demander à l'IA d'expliquer une partie spécifique de l'interface utilisateur avec un contexte complet.

Avantages de Peksy

Le principal avantage de Peksy est l'amélioration significative de la qualité et de la précision des réponses générées par l'IA pour les tâches de développement web. Il fait gagner du temps aux développeurs en éliminant le processus manuel d'inspection des éléments et de copie du code. Il est entièrement gratuit, ne nécessite aucun compte utilisateur et prend en charge les frameworks de développement modernes, ce qui en fait un outil très accessible et efficace.

Tarification et plans

Peksy est entièrement gratuit. Le site officiel indique qu'aucun compte n'est requis pour installer et utiliser cette extension Chrome.

Peksy FAQ

Peksy Comments (0)

Sign in to comment.

Connexion

No comments yet.

Peksy Categories

Peksy Tags

Peksy Jobs

Peksy AI Tool Comparisons

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 ON77