Espace de travail pour Claude Code et Codex

Chaque commande, fichier et diff reste visible, et vous comprenez le code qu'écrivent vos agents.

Créé et peaufiné depuis 2024 par Kiryl Kazlovich, qui y travaille tous les jours.

Télécharger HB Code

Choisissez l'agent de chaque session

Démarrez une session avec Claude Code ou avec Codex. Les deux peuvent travailler dans le même projet en même temps, et une seule barre latérale liste toutes vos sessions.

Utilisez plusieurs comptes Claude et ChatGPT

Ajoutez vos comptes Claude et vos abonnements ChatGPT sur l'ordinateur. Vous voyez les limites de chacun. Changez le compte du prochain tour en un clic sur l'ordinateur ou d'un geste sur votre téléphone.

Chaque étape s'affiche pendant que l'agent travaille

Chaque recherche, lecture de fichier, commande et modification est une ligne du fil. Envoyez un message pendant un tour, et l'agent le lit après son étape en cours. Ou mettez-le en file d'attente pour le tour suivant.

Ouvrez commandes, fichiers et diffs à côté du chat

Cliquez sur une ligne, et elle s'ouvre à côté du fil. Le code a une coloration syntaxique. Le Markdown et le HTML s'affichent comme des pages, le CSV comme un tableau, et un diff montre les anciennes et les nouvelles lignes.

Voyez tous les sous-agents

Quand l'agent démarre des sous-agents ou un workflow, la liste Agents affiche chacun avec son modèle, ses tokens et sa durée. Un workflow affiche aussi ses phases. Cliquez sur un agent pour lire tout son fil.

Les sessions s'envoient des messages

Une session Claude Code peut demander à une session Codex de vérifier sa modification. La réponse revient dans le fil de Claude Code. Un agent peut aussi démarrer une nouvelle session et lui confier une tâche.

Contrôlez vos sessions depuis votre téléphone

Les apps iPhone et Android ouvrent les sessions qui tournent sur votre ordinateur. Lisez la chronologie et envoyez le message suivant depuis votre téléphone.

  • Chronologie de la session

    Chaque commande, modification de fichier et message de la session en cours. Touchez une ligne pour l'ouvrir.

  • Sélecteur de sessions

    Touchez le bouton de menu pour choisir un ordinateur et une session, ou pour démarrer une nouvelle session.

  • Dictée

    Dictez votre message. Vérifiez le texte, puis envoyez-le.

  • Chat Settings

    Choisissez le modèle et le niveau de raisonnement dans une seule grille. Choisissez ensuite le niveau d'accès de l'agent.

  • Onglet Changes

    Les fichiers modifiés du projet avec leur nombre de lignes. Touchez un fichier pour lire son diff.

  • Limites et comptes

    Voyez ce qu'il reste de chaque limite. Touchez un autre compte pour l'utiliser pour les prochains tours.

  • Chronologie sur Android

    L'app Android affiche les mêmes lignes. Chaque tour se termine par le repère Task complete.

  • Onglet Project sur Android

    Toutes les sessions d'un projet dans une seule liste. Touchez une session pour l'ouvrir.

  • Aperçu des fichiers sur Android

    Ouvrez un fichier du projet depuis l'onglet Fichiers. Le Markdown s'affiche sous forme de texte mis en forme.

Les outils que HB Code ajoute aux deux agents

Les sessions Claude Code et Codex reçoivent toutes ces outils. Dites à l'agent ce qu'il vous faut, et il choisit l'outil.

  • Vidéos explicatives

    À partir d'un brief, l'agent crée une vidéo commentée de 30 à 120 secondes. Elle se lit sur l'ordinateur et sur votre téléphone.

  • Votre navigateur Chrome

    L'agent cherche sur le web, lit des pages, clique et saisit du texte dans votre propre Chrome. Une étiquette sur la page nomme chaque action.

  • Synthèse vocale

    L'agent transforme une réponse ou une explication pas à pas en fichier audio. Écoutez-le sur l'ordinateur ou sur votre téléphone.

  • Notes tirées d'une vidéo

    L'agent extrait les étapes, les commandes et les décisions d'une vidéo YouTube ou d'un enregistrement.

  • Alertes sur le téléphone

    L'agent envoie une alerte sur votre téléphone quand le travail est terminé, échoue ou demande votre décision.

Les vidéos explicatives, la synthèse vocale et les notes de vidéo utilisent votre propre clé API Gemini. L'outil de navigateur demande l'extension HB Code Browser Bridge pour Chrome. Les alertes sur le téléphone demandent le réglage des notifications et un téléphone connecté.

Conçu pour le travail quotidien

HB Code exécute Claude Code avec le Claude Agent SDK d'Anthropic, et Codex avec son propre build du Codex app-server d'OpenAI. Chaque agent garde son propre historique et sa propre connexion.

  • Les messages attendent l'ordinateur

    Quand le téléphone ne peut pas joindre l'ordinateur, votre message attend sur le téléphone. Il part dès que la connexion revient, et un nouvel essai ne l'envoie jamais deux fois.

  • Poursuivre une conversation enregistrée

    Démarrez une session à partir d'une conversation que l'agent a enregistrée pour le dossier du projet. Avec Claude Code, cela inclut les conversations du terminal. Après un redémarrage, chaque session s'ouvre avec son historique complet.

  • Dix thèmes de couleurs

    Chaque thème a une version claire et une version sombre. Vos téléphones utilisent le thème que vous choisissez sur l'ordinateur.

  • Coloration syntaxique des commandes et des fichiers

    Les commandes ont les couleurs du shell, et un script dans une commande reçoit les couleurs de son propre langage. Les fichiers s'ouvrent avec une coloration syntaxique et des numéros de ligne.

Télécharger HB Code

Téléchargez l'app de bureau pour votre Mac ou votre PC Windows. Téléchargez l'app iPhone ou Android pour contrôler vos sessions depuis votre téléphone.

L'app Mac demande un Mac Apple silicon (M1 ou plus récent) avec macOS 12 ou plus récent.