tegakari : Capturez le contexte de l'interface utilisateur prêt pour l'IA directement depuis Chrome
tegakari, par iemong, est une extension Chrome qui aide les développeurs frontend à collecter un contexte UI précis pour l'édition de code assistée par IA. Elle capture les éléments sélectionnés, les captures d'écran et les métadonnées HTML, puis formate ces informations en Markdown ou JSONL pour les sessions d'IA. L'outil prend en charge l'annotation multi-éléments, la persistance par URL et l'export/import d'ensembles d'annotations. Il cible les ingénieurs frontend qui utilisent des outils de code alimentés par IA et ont besoin d'une préparation de contexte plus rapide et répétable.
Les packages Tegakari fournissent un contexte sur la page spécifiquement pour les sessions d'IA axées sur le code
Il convertit les éléments sélectionnés en charges utiles prêtes pour l'IA, combinant des captures d'écran automatiques avec du HTML extrait et des différences de style calculées afin qu'un éditeur puisse cibler le bon fragment d'interface utilisateur. L'extension formate la sortie en Markdown ou JSONL et mentionne la compatibilité avec des agents tels que Claude Code et Cursor, ce qui réduit le besoin de taper de longues descriptions manuelles lors de la demande d'un assistant pour changer un composant.
Les données restent dans le navigateur pour limiter l'exposition externe
Toute la collecte et le traitement se font localement; l'extension ne transmet pas les données capturées à des serveurs externes et n'utilise pas d'analytique ou de suivi. Cette opération uniquement locale préserve le contexte capturé à l'intérieur de l'environnement du navigateur et s'aligne avec les flux de travail où l'état de l'interface utilisateur sensible ou le balisage interne ne doit pas quitter la machine du développeur.
Une analyse approfondie du framework fait ressortir des informations au niveau des composants dans les versions de développement
Il détecte les structures de composants React et Vue, y compris la hiérarchie des composants, les Props et l'État, et fait correspondre les entrées aux fichiers sources lorsque les versions exposent ces métadonnées. L'outil reconnaît également des méta-frameworks comme Next.js et Nuxt, ce qui aide lorsque vous avez besoin de chemins de fichiers et de numéros de ligne disponibles à partir d'une version développeur pour des modifications plus rapides.
Les exportations, les annotations et l'adéquation au projet conviennent aux flux de travail de débogage frontend
Les annotations peuvent être épinglées et enregistrées aux côtés des captures d'éléments, et les équipes peuvent exporter ou importer des ensembles d'annotations sous forme de fichiers JSON pour le transfert. L'extension fonctionne sur Chrome et d'autres navigateurs basés sur Chromium et est open-source et maintenue par la communauté, ce qui la rend pratique pour les ingénieurs qui préfèrent des outils inspectables et des améliorations itératives dirigées par les contributeurs.
Tegakari est un utilitaire pratique orienté vers les développeurs
Tegakari convient aux ingénieurs frontend qui associent l'inspection du navigateur à la programmation assistée par IA, grâce à son modèle open-source axé sur la communauté et son utilité rapportée parmi les développeurs. Son design favorise les flux de travail de développement qui peuvent exposer les métadonnées des composants, et les équipes qui acceptent une feuille de route dirigée par des contributeurs en tirent le plus grand bénéfice. Pour les ingénieurs à la recherche d'un moyen inspectable et traité localement pour fournir un contexte UI précis aux assistants, cet outil est un choix pragmatique.
