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:
7.2K

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 Alternatives

Webutility
Free

Webutility

WebUtility.io est une suite complète d'outils en ligne gratuits pour les développeurs web, les créateurs de contenu et les utilisateurs généraux. Elle offre une vaste collection d'utilitaires, y compris des embellisseurs et des minificateurs de code, des convertisseurs de données, divers générateurs (mots de passe, données fictives, prompts IA), des formateurs de texte et des outils d'image. Avec une interface conviviale et sans inscription requise, elle fournit des solutions rapides et efficaces pour un large éventail de tâches numériques quotidiennes.

Prompting
Visits 159.2KFavorites 164Likes 160
AtomicComponents
Freemium

AtomicComponents

AtomicComponents est une bibliothèque de composants React alimentée par l'IA, conçue pour construire plus rapidement des interfaces utilisateur modernes, évolutives et accessibles. Elle offre plus de 115 composants hautement personnalisables, 30 thèmes intégrés et une intégration transparente avec les assistants IA comme Claude et GitHub Copilot via son serveur Model Context Protocol (MCP).

Systèmes de Design
Visits 7.2KFavorites 85Likes 118
Relume
Freemium

Relume

Relume est une plateforme alimentée par l'IA qui accélère le processus de conception et de création de sites web. Elle permet aux utilisateurs de générer des sitemaps et des wireframes à partir d'une simple instruction, de créer des guides de style complets et d'accéder à une vaste bibliothèque de plus de 1000 composants. Avec une exportation transparente vers Figma, Webflow et React, Relume rationalise l'ensemble du flux de travail pour les designers, les développeurs et les agences, transformant les idées en conceptions haute-fidélité en quelques minutes.

Créateur de sites web
Visits 666.9KFavorites 194Likes 199
Cmd J AI Assistant
Freemium

Cmd J AI Assistant

Cmd J est un assistant IA activé par le clavier, disponible en tant qu'extension Chrome, conçu pour booster la productivité. Propulsé par ChatGPT, il fournit une aide instantanée pour l'écriture, le codage et la recherche directement dans votre navigateur. Appuyez simplement sur un raccourci (Cmd+J ou Alt+J) pour invoquer l'IA, éliminant le besoin de changer d'onglet ou d'ouvrir de nouvelles applications, et s'intégrant de manière transparente dans n'importe quel flux de travail.

Extensions Chrome
Visits 65.4KFavorites 133Likes 150
Frontender
Freemium

Frontender

Un puissant plugin Figma qui agit comme votre développeur junior personnel, convertissant instantanément les designs Figma en code front-end propre et prêt pour la production. Il prend en charge HTML, JSX, CSS, CSS-in-JS et Tailwind CSS, et fonctionne de manière transparente avec des frameworks comme React, Vue et Svelte, même avec des fichiers de design désordonnés.

Du Design au Code
Visits 8.8KFavorites 146Likes 153

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 ON▲ 113