Le panneau latéral de Chrome ajoute un pair-programming AI en direct pour les pages web
Lizard Studio - Panneau latéral de Claude Code, développé par Dragon Labs LLC, intègre Claude Code d'Anthropic dans Chrome pour fournir une assistance au développement en contexte pour les pages web. L'extension fait apparaître un assistant à l'intérieur du panneau latéral du navigateur qui se connecte à un CLI Claude Code fonctionnant localement pour aider avec le débogage, les suggestions de code et les modifications sur la page. Son interface regroupe la capture visuelle et un kit d'outils de conception, destiné aux développeurs web et aux designers UI souhaitant des flux de travail de navigateur conscients de l'IA.
L'assistant peut-il interagir avec la page comme un collaborateur humain ?
Oui : l'outil connecte l'assistant à l'environnement d'exécution du navigateur afin qu'il puisse inspecter la structure du document en direct et opérer sur l'onglet actif. Cette connexion permet à l'assistant de capturer des captures d'écran composées, d'annoter des éléments et d'effectuer des actions telles que cliquer ou taper, donnant à l'IA le contexte en temps réel nécessaire pour se comporter davantage comme un programmeur pair que comme un résumeur passif.
Est-ce qu'il garde le traitement local et limite le routage tiers ?
Architecture locale d'abord : l'extension fait fonctionner un Claude Code CLI local via un hôte de messagerie native, que le développeur décrit comme fonctionnant entièrement sur la machine de l'utilisateur. L'étape d'installation utilise Node.js (l'hôte est installé avec une commande npx), et le développeur indique qu'aucun serveur externe ou télémétrie n'est utilisé, ce qui réduit le transit réseau vers des processeurs externes par rapport aux barres latérales médiées par le cloud.
Comment cela s'intègre-t-il dans le flux de travail et les outils existants d'un développeur ?
Intégration avec des tâches front-end courantes : l'extension regroupe des aides à la conception sur la page et des aides à l'inspection qui nécessiteraient autrement des outils séparés. L'interface comprend :
- règles, guides et grilles de colonnes
- un compte-gouttes pour l'échantillonnage des couleurs
- aperçu de la fenêtre réactive et annotation des éléments
L'extension fonctionne également avec votre compte Anthropic existant et vos dossiers de projet, donc aucun compte Lizard séparé n'est requis ; cela réduit la friction des comptes tout en liant l'outil à une configuration Claude Code contrôlée par le développeur.
Choix pratique pour les développeurs qui acceptent la configuration locale
Lizard Studio convient aux développeurs et aux designers prêts à exécuter un CLI Claude Code local et à installer un hôte natif, car cette exigence crée une étape de configuration initiale. Pour les équipes prêtes à ajouter des outils Node.js, l'extension intègre l'assistance IA directement dans un flux de travail de navigateur et maintient le traitement sur site ; pour les utilisateurs qui évitent les composants locaux, le fardeau de la configuration en fait une option moins pratique.
