>_ DevTrendsfr

Langue

Accueil

Langages

Sections

Frontend Backend Mobile DevOps AI / ML GameDev Blockchain Embarqué Sécurité
TypeScript

Comment les développeurs ont transformé l'interface CLI de Claude Code en environnement de bureau graphique appelé cc-haha

Si vous avez déjà essayé d'exécuter des agents de codage dans la console, vous avez probablement rencontré le même problème. Le terminal est idéal pour exécuter une seule commande. Mais lorsque l'IA commence à modifier une douzaine de fichiers, regarder un flux continu de diffs devient ingérable. Vous voulez une interface appropriée, la coloration syntaxique, des onglets de session et un bouton d'annulation clair pour les modifications.

C'est ainsi qu'est né le projet cc-haha. L'auteur a pris le code source de l'outil CLI Claude Code et a construit une application de bureau autour de celui-ci. Le résultat est un environnement de bureau pour les agents IA autonomes, disponible sur macOS, Windows et Linux.

Claude Code Haha

Ce qui se trouve à l'intérieur de l'application

Les utilitaires de console standard isolent le développeur dans une fenêtre de terminal. Le projet cc-haha adopte une approche différente en enveloppant la logique de l'agent dans une coquille Electron avec une interface React. Vous disposez d'un environnement graphique où le dialogue du réseau neuronal coexiste avec une arborescence de fichiers, une fenêtre de visualisation des modifications et un navigateur intégré.

L'interface est conçue pour vous permettre de maintenir un contrôle total sur les actions du modèle. Chaque modification de code est affichée sur un panneau latéral avant d'être écrite sur le disque.

Capture d'écran de l'interface

Quatre fonctionnalités à découvrir dans cc-haha

En travaillant avec les versions CLI des agents, vous devez constamment trouver un équilibre entre vitesse et sécurité. Les créateurs de cc-haha ont tenté de résoudre les principaux points douloureux pour les développeurs.

Isolation des tâches via Git Worktree

Exécuter un réseau neuronal directement dans votre branche de travail peut être risqué. Une seule décision imprudente du modèle et vous passerez une demi-heure à nettoyer les modifications locales. Dans cc-haha, lors de la création d'une session, vous pouvez envoyer l'agent travailler dans un Git Worktree séparé en un seul clic. Les modifications de code se produisent dans un répertoire isolé, tandis que votre branche principale reste intacte.

Revue visuelle et paramètres de permissions flexibles

Au lieu de saisir constamment des confirmations dans la console, l'application vous permet de configurer cinq niveaux d'autonomie. Vous pouvez demander la permission pour chaque exécution de commande bash, ou faire confiance au modèle pour travailler de manière indépendante. Tous les fichiers modifiés sont affichés avec une coloration claire des différences.

Vue des différences

Se libérer d'un seul fournisseur

Claude Code d'origine est lié à l'API Anthropic. Dans cc-haha, cette limitation est supprimée. Dès le départ, il prend en charge la connexion aux modèles locaux via Ollama et LM Studio, ainsi que les API tierces, notamment DeepSeek, GLM, Kimi et ChatGPT. Avec un serveur local puissant, l'agent peut fonctionner sans envoyer de données aux services externes.

Marketplace de compétences

Gestion via messageries et web mobile

Vous avez lancé une longue tâche de refactorisation et vous êtes éloigné de votre ordinateur ? Les sessions peuvent être liées à Telegram, WhatsApp, 飞书 (Feishu) ou accessibles via un code QR via une interface web mobile. Si l'agent s'arrête et demande la permission d'exécuter une commande, vous pouvez approuver l'action directement depuis votre smartphone.

Comment est organisé le stack technique

L'architecture de cc-haha combine plusieurs technologies web familières :

  • Le runtime natif Bun gère l'exécution des scripts et la logique serveur.
  • Electron associé à React et Vite forme l'environnement de bureau.
  • Les interfaces console sont construites sur la bibliothèque Ink et l'analyseur Commander.js.
  • La prise en charge des protocoles MCP (Model Context Protocol) et LSP aide l'agent à lire le contexte du projet et la structure des types.
  • Le module Computer Use donne au réseau neuronal la capacité de prendre des captures d'écran et de contrôler le curseur si une tâche ne peut pas être résolue par une simple modification de fichiers.

Thème sombre

Comment exécuter le projet en local

La méthode la plus simple consiste à accéder à la section des versions sur GitHub et à télécharger un installateur prêt à l'emploi pour votre plateforme. Cependant, si vous souhaitez déboguer la partie CLI ou compiler à partir du code source, la compilation ne prend que quelques minutes.

Vous aurez besoin de Bun installé. La séquence de commandes ressemble à ceci :

git clone https://github.com/NanmiCoder/cc-haha.git
cd cc-haha
bun install

cp .env.example .env

./bin/claude-haha

Après le premier lancement, vous devrez accéder aux paramètres, saisir la clé API de votre fournisseur choisi ou spécifier l'adresse d'un serveur Ollama local.

Considérations pratiques

Avant d'utiliser l'outil dans des projets de production, il convient de considérer ses origines. La base de code s'appuie sur des sources qui ont été rendues publiques à partir du registre npm d'Anthropic. Pour cette raison, le dépôt n'a pas de licence open source standard et le fichier LICENSE affiche un statut NOASSERTION.

Les paquets pré-construits pour macOS et Windows n'incluent pas encore de signatures numériques de développeur. Lors du premier lancement sur macOS, le système d'exploitation bloquera l'exécution, vous devrez donc autoriser manuellement l'application dans les paramètres de sécurité OS.

À qui cc-haha sera utile

L'outil convient à ceux qui utilisent activement des agents IA pour écrire du code mais qui préfèrent une interface graphique avec un contrôle clair des modifications. La possibilité de basculer entre DeepSeek, Claude et les réseaux locaux rend l'environnement de travail polyvalent pour un large éventail de scénarios.

Projets similaires