Claude Code UI : WebUI pour Claude Code et Codex notamment. Puis j'en ai fait un Docker avec traduction FR - Up and Clear

J’ai testé Claude Code en GUI sous Linux (et Windows, ouiiii môsieur !!) et c’est sympa. J’utilise déjà Codex et Claude Code en WebUI via mon instance OpenVSCode Server et j’étais curieux de tester une WebUI dédiée où je peux juste poser des questions, exposer un raisonnement, envoyer un bout de code l’arrache etc.

L’intérêt d’utiliser les agents en mode console étant de leur adjoindre notamment des plugins (en sus des MCP). Et l’utilité d’une WebUI, au-delà du côté userfriendly est aussi d’avoir accès aisément à ses projets (créés ou envoyés dessus) en mobilité si on place ça en reverse proxy.

J’ai trouvé plusieurs projets et ai jeté mon dévolu sur Cloud CLI (aka Claude Code UI) de Siteboon. Ça s’installe en dur mais on peut aussi l’installer sur macOS, Linux, Windows via Docker-sbx, une sandbox Docker prévue pour faire tourner des agents IA dans des environnements isolés.

Je ne veux pas installer ça en dur sur mes machines et aucune n’est vraiment taillée pour créer des machines virtuelles vu mes petits CPU comme sur mon Lincstation N1 (que je poutre déjà pas mal).

Sous Linux, je lance la commande adéquate et je dois m’identifier sur docker.com

Your one-time device confirmation code is: GZGN-PNHT
Open this URL to sign in: https://login.docker.com/activate?user_code=GZGN-PNHT

By logging in, you agree to our Subscription Service Agreement. For more details, see https://www.docker.com/legal/docker-subscription-service-agreement/

Waiting for authentication...
Signed in as aerya.

J’entre ma clé API OpenAI (https://platform.openai.com/api-keys) qui est alors enregistrée sur ma machine

sbx secret set -g openai
Enter secret:
Saved secret for service "openai" in scope "(global)"

J’initialise le réseau pour sbx

sbx policy set-default balanced
Default network policy set to "balanced".

Et je peux lancer la WebUI avec Codex d’OpenAI pour travailler dans mon dossier /home/aerya/CodingOnline. Je la lance sur le port 3002, le port par défaut 3001 étant déjà pris.

npx @cloudcli-ai/cloudcli@latest sandbox ~/CodingOnline --agent codex --env SERVER_PORT=3002

Bon et puis en fin de compte, je trouve pas ça simple. Lancer cette commande ou paramétrer docker-sandbox pour mes environnements de travail etc, ça m’a chauffé.

Donc j’en ai fait une image Docker, construite automatiquement sur GitHub depuis le dépôt original de Siteboon (tous les jours à 4h30 et j’y injecte au passage une traduction française, même si je trouve que ne pas parler anglais dans ce milieu, en 2026, est… est.
Tout le process est visible dans le Workflow du build. Je ne récupère pas vos clés API.

Fonctionne avec Claude Code, Codex, Gemini et Cursor.

Donc voici mon dépôt GitHub. Faut renommer le .env.exemple en .env. Ça s’utilise aussi très bien dans Dockge (-Enhanced). Pensez à modifier les chemins, c’est 100% pour ma config.
Vous pouvez faire sans .env ni clés API dans les variables, tout peut se configurer dans la WebUI.

EDIT du 28/05 : j’ai ajouté au build automatique les skills et MCP que j’utilise le plus.

CLIs agents
    cloudcli depuis siteboon/claudecodeui
    claude via @anthropic-ai/claude-code
    codex via @openai/codex
    gemini via @google/gemini-cli

Outils / MCP
    rtk
    agentmemory
    iii
    ctx7
    @upstash/context7-mcp
    @playwright/mcp
    Chromium Playwright
    github-mcp-server, compilé depuis github/github-mcp-server
    claude-flow@alpha
    ruv-swarm

Skills installées au build dans /opt/agent-defaults/root
Copiées automatiquement au démarrage vers /root/.claude et /root/.codex :
    frontend-design
    develop-userscripts
    github-actions-docs
    cloudflare
    docker-expert
    deployment-automation
    find-skills
    simple
    ui-component-patterns
    ui-ux-pro-max
    security-review
    coding-standards-best-practices
    performance-benchmark

Claude plugins
    safety-hooks
    autonomous-skill
    claude-flow
    everything-claude-code / ecc
    claude-hud
    ui-ux-pro-max

Compose modifié en conséquence

services:
  claudecodeui:
    image: ghcr.io/aerya/claudecodeui-docker:latest
    container_name: claudecodeui
    restart: always
    ports:
      - 3002:3001
      # Optionnel, exposer derrière reverse proxy/auth pour le viewer agentmemory
      # - 3003:3113
    environment:
      TZ: Europe/Paris
      HOST: 0.0.0.0
      SERVER_PORT: 3001
      DATABASE_PATH: /root/.cloudcli/auth.db
      WORKSPACES_ROOT: /workspace
      # ANTHROPIC_API_KEY: ${ANTHROPIC_API_KEY:-}
      # => https://code.claude.com/docs/en/authentication : Anthropic indique que si une subscription Claude est active mais que ANTHROPIC_API_KEY est définie, la clé API peut prendre le dessus ; pour revenir à l’abonnement, il faut retirer/unset la variable et vérifier avec /status
      OPENAI_API_KEY: ${OPENAI_API_KEY:-}
      GEMINI_API_KEY: ${GEMINI_API_KEY:-}
      # MCP / outils optionnels
      CONTEXT7_API_KEY: ${CONTEXT7_API_KEY:-}
      GITHUB_PERSONAL_ACCESS_TOKEN: ${GITHUB_PERSONAL_ACCESS_TOKEN:-}
      GITHUB_TOOLSETS: ${GITHUB_TOOLSETS:-repos,issues,pull_requests,actions,code_security}
      GITHUB_READ_ONLY: ${GITHUB_READ_ONLY:-true}
      RTK_ENABLE: ${RTK_ENABLE:-true}
      AGENTMEMORY_ENABLE: ${AGENTMEMORY_ENABLE:-true}
      AGENTMEMORY_URL: ${AGENTMEMORY_URL:-http://127.0.0.1:3111}
      AGENTMEMORY_AUTO_COMPRESS: ${AGENTMEMORY_AUTO_COMPRESS:-false}
      CONTEXT7_MCP_ENABLE: ${CONTEXT7_MCP_ENABLE:-true}
      PLAYWRIGHT_MCP_ENABLE: ${PLAYWRIGHT_MCP_ENABLE:-true}
      GITHUB_MCP_ENABLE: ${GITHUB_MCP_ENABLE:-true}
      CLAUDE_PLUGINS_BOOTSTRAP: ${CLAUDE_PLUGINS_BOOTSTRAP:-true}
      CODEX_AUTO_LOGIN: ${CODEX_AUTO_LOGIN:-true}
    volumes:
      - /home/aerya/docker/claudecodeui/cloudcli:/root/.cloudcli
      - /home/aerya/docker/claudecodeui/claude:/root/.claude
      - /home/aerya/docker/claudecodeui/codex:/root/.codex
      - /home/aerya/docker/claudecodeui/gemini:/root/.gemini
      - /home/aerya/docker/claudecodeui/agentmemory:/root/.agentmemory
      - /home/aerya/CodingOnline:/workspace/CodingOnline
    working_dir: /workspace/CodingOnline

Articles similaires :