Inspector

Qu'est-ce qu'Inspector ?

Inspector est un éditeur visuel qui comble le fossé entre le design et le code en se connectant directement à votre agent de codage IA. Au lieu de décrire les modifications par texte ou de passer par un processus de transfert de design, vous cliquez sur n'importe quel élément de votre interface utilisateur en direct, le modifiez visuellement, et Inspector écrit la modification correspondante directement dans votre base de code. Il fonctionne avec des agents IA populaires comme Claude Code, Codex et Cursor, transformant les modifications visuelles en véritables commits de code.

À qui s'adresse-t-il

• Développeurs front-end qui souhaitent itérer plus rapidement sur les modifications de l'interface utilisateur sans basculer entre les outils de design et les éditeurs de code.
• Ingénieurs design qui ont besoin d'un moyen direct de traduire les ajustements visuels en code prêt pour la production sans réimplémentation manuelle.
• Fondateurs solo et petites équipes qui comptent sur les agents de codage IA et souhaitent un flux de travail fluide, de l'ajustement visuel au push dans le dépôt.

Fonctionnalités clés

Édition visuelle dans le navigateur

Cliquez sur n'importe quel élément de votre interface utilisateur en cours d'exécution pour le sélectionner, puis déplacez-le, redimensionnez-le ou modifiez le texte directement. Inspector traduit chaque action visuelle en modification de code correspondante, vous évitant ainsi de chercher dans les fichiers pour trouver la bonne ligne.

Intégration avec l'agent IA

Inspector se connecte à votre agent IA existant — Claude Code, Codex ou Cursor. Lorsque vous effectuez une modification visuelle, l'agent reçoit le contexte et écrit la modification dans votre base de code locale. Cela signifie que votre agent reste dans la boucle et peut gérer une logique plus complexe autour de l'ajustement visuel.

Fonctionnement entièrement local

Tout s'exécute sur votre machine. Inspector se connecte à n'importe quelle base de code locale sans envoyer votre code ou vos données d'interface utilisateur vers des serveurs externes. Votre travail reste privé, et il n'y a aucune dépendance à une infrastructure cloud pour le flux de travail d'édition.

Application native macOS

Inspector est disponible en tant qu'application native macOS, offrant une expérience fluide et à faible latence pour les développeurs travaillant sur du matériel Apple.

Ce qui le distingue

Inspector transforme votre navigateur en éditeur de code — cliquez, ajustez et poussez sans jamais quitter l'interface utilisateur.

La plupart des éditeurs visuels génèrent des fichiers de design abstraits ou exportent des ressources statiques. Inspector va plus loin en écrivant de véritables modifications de code via votre agent IA. Cela élimine complètement le transfert traditionnel entre le design et le développement. Vous restez dans le même environnement où vous testez et prévisualisez votre travail, et les mises à jour de code sont immédiatement reflétées dans votre dépôt. C'est un raccourci pratique pour quiconque souhaite passer d'une idée visuelle à un code commité en quelques secondes.

À considérer si…

Vous utilisez des agents de codage IA comme Claude Code, Codex ou Cursor et souhaitez un moyen plus rapide d'effectuer des modifications front-end. Inspector est particulièrement utile si vous vous retrouvez constamment à basculer entre un inspecteur de navigateur et un éditeur de code pour ajuster les mises en page, le texte ou l'espacement. C'est également un bon choix si vous préférez les boucles de rétroaction visuelles mais avez besoin que le résultat final soit un code propre et local plutôt que des maquettes de design.