<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: David Alcala</title>
    <description>The latest articles on DEV Community by David Alcala (@deivid11).</description>
    <link>https://dev.to/deivid11</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F104777%2Fb6728803-7b25-4752-82aa-3a29f360b6c2.jpeg</url>
      <title>DEV Community: David Alcala</title>
      <link>https://dev.to/deivid11</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/deivid11"/>
    <language>en</language>
    <item>
      <title>Command Center for AI Coding Agents (Claude Code + Codex)</title>
      <dc:creator>David Alcala</dc:creator>
      <pubDate>Fri, 13 Feb 2026 20:08:54 +0000</pubDate>
      <link>https://dev.to/deivid11/command-center-for-ai-coding-agents-claude-code-codex-3d5g</link>
      <guid>https://dev.to/deivid11/command-center-for-ai-coding-agents-claude-code-codex-3d5g</guid>
      <description>&lt;p&gt;If you run multiple Claude Code or Codex terminals at the same time, you already know the pain: tabs everywhere, lost context, missed completions. I built &lt;strong&gt;Tide Commander&lt;/strong&gt; to solve that.&lt;/p&gt;

&lt;p&gt;It's a visual multi-agent orchestrator where your AI agents appear as &lt;strong&gt;3D characters on a battlefield&lt;/strong&gt;. Click to select, type to command, watch them work in real-time. It looks like a game, but internally it's a full developer toolkit.&lt;/p&gt;

&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/r1Op_xfhqOM"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Start
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;bunx tide-commander
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;That's it. Node.js 18+, Linux or Mac, and Claude Code or Codex CLI in your PATH.&lt;/p&gt;


&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;AI coding agents work best in parallel — one on tests, one on features, one on bugs. But managing five terminals at once is chaos. Which one has context on the auth module? Did the test agent finish? Tide Commander puts everything in &lt;strong&gt;one visual interface&lt;/strong&gt; with file diffs, a git-integrated file explorer, and real-time streaming output. For many workflows, an IDE becomes almost unnecessary.&lt;/p&gt;


&lt;h2&gt;
  
  
  Key Concepts
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Boss Agents&lt;/strong&gt; — Has context of subordinate agents, delegates tasks to the most capable one, summarizes worker progress. Talk to one Boss instead of juggling terminals.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Supervisor&lt;/strong&gt; — God-mode observer. Auto-generates summaries when agents finish. You never miss a completed task.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Group Areas&lt;/strong&gt; — Draw areas on the battlefield to organize agents by project. Assign folders to enable the file explorer.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Classes&lt;/strong&gt; — Like COD or Minecraft classes: each has a 3D model, instructions (like claude.md), and skills. Create custom classes with your own GLB models.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Buildings&lt;/strong&gt; — Functional 3D structures that control &lt;strong&gt;real infrastructure&lt;/strong&gt;:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Type&lt;/th&gt;
&lt;th&gt;What It Does&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Server&lt;/td&gt;
&lt;td&gt;PM2 integration, real-time logs, CPU/memory stats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Database&lt;/td&gt;
&lt;td&gt;MySQL/PostgreSQL/Oracle — SQL editor, schema browser&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Docker&lt;/td&gt;
&lt;td&gt;Container management, health checks, log streaming&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Boss Building&lt;/td&gt;
&lt;td&gt;Bulk controls for subordinate buildings&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;


&lt;h2&gt;
  
  
  Developer Tools
&lt;/h2&gt;

&lt;p&gt;Despite the RTS aesthetic, this is developer-first:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;File Explorer + Git Diffs&lt;/strong&gt; — Side-by-side diff viewer, branch switching, merge conflict UI, vim-style navigation (&lt;code&gt;j/k/d/u/f/b/g/G//n/N&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Context Tracking&lt;/strong&gt; — Mana bar per agent showing context window usage&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Snapshots&lt;/strong&gt; — Save full conversations + modified files, restore later&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Secrets&lt;/strong&gt; — AES-256-GCM encrypted &lt;code&gt;{{PLACEHOLDER}}&lt;/code&gt; injection, never in logs&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Permissions&lt;/strong&gt; — Bypass or interactive mode, per agent&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Spotlight&lt;/strong&gt; (&lt;code&gt;Ctrl+K&lt;/code&gt;) — Fuzzy search for agents, files, areas, actions&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Paste Anything&lt;/strong&gt; — File paths auto-attach, screenshots paste inline, large text auto-compacts&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Commander View&lt;/strong&gt; — All agent terminals in a grid, grouped by area&lt;/li&gt;
&lt;/ul&gt;


&lt;h2&gt;
  
  
  Three View Modes
&lt;/h2&gt;

&lt;p&gt;Cycle with &lt;code&gt;Alt+2&lt;/code&gt;: &lt;strong&gt;3D&lt;/strong&gt; (Three.js battlefield, 12 built-in models, custom GLB support), &lt;strong&gt;2D&lt;/strong&gt; (canvas, same features, lighter), &lt;strong&gt;Dashboard&lt;/strong&gt; (status cards and metrics).&lt;/p&gt;


&lt;h2&gt;
  
  
  Skills System
&lt;/h2&gt;

&lt;p&gt;Plugins with tool permissions and markdown instructions. Built-in: Git Captain, Notifications (browser/Android/desktop), Streaming Exec, inter-agent messaging, DB &amp;amp; server logs. Create custom skills and assign to agents or classes.&lt;/p&gt;


&lt;h2&gt;
  
  
  Architecture
&lt;/h2&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;User → React + Three.js → WebSocket → Node.js/Express → claude/codex CLI
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Each agent is a real CLI process. Backend parses stdout events and streams to the frontend. Sessions persist across restarts. ~130k lines of TypeScript. All data stays local.&lt;/p&gt;


&lt;h2&gt;
  
  
  Also Included
&lt;/h2&gt;

&lt;p&gt;Multiplayer (WSS), mobile + Android APK, custom hotkeys, Docker deployment, WSS debugger, HTML-rendered output (no terminal flicker), custom idle/working animations per class.&lt;/p&gt;


&lt;h2&gt;
  
  
  Free and Open Source
&lt;/h2&gt;

&lt;p&gt;MIT license. No paid tiers. No sign-up. No telemetry.&lt;br&gt;
&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i &lt;span class="nt"&gt;-g&lt;/span&gt; tide-commander@latest
tide-commander start
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;

&lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/deivid11" rel="noopener noreferrer"&gt;
        deivid11
      &lt;/a&gt; / &lt;a href="https://github.com/deivid11/tide-commander" rel="noopener noreferrer"&gt;
        tide-commander
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Tide Commander - Visual orchestrator for multiple Claude Code and Codex agents
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;
  &lt;a rel="noopener noreferrer nofollow" href="https://raw.githubusercontent.com/deivid11/tide-commander/master/docs/tide-commander-logo.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fdeivid11%2Ftide-commander%2Fmaster%2Fdocs%2Ftide-commander-logo.png" alt="Tide Commander" width="400"&gt;&lt;/a&gt;
&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;A visual multi-agent orchestrator for Claude Code and Codex&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://raw.githubusercontent.com/deivid11/tide-commander/master/docs/preview-3d.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fdeivid11%2Ftide-commander%2Fmaster%2Fdocs%2Fpreview-3d.png" alt="Tide Commander Preview"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://tidecommander.com/app" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a884c2df3327001a2d509b094caf47a8c3f4a9e91c30bd80b06c19bbcc81f5d5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f54727925323044656d6f2d74696465636f6d6d616e6465722e636f6d2d626c75653f7374796c653d666f722d7468652d6261646765266c6f676f3d676c6f6265" alt="Try Demo"&gt;&lt;/a&gt;
&lt;a href="https://www.youtube.com/watch?v=r1Op_xfhqOM" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d9d2381844f4245f807f2c24cb6cdfdcd5c9db54f4c7b9661ed3ede4f24e6887/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f596f75547562652d576174636825323044656d6f2d7265643f7374796c653d666f722d7468652d6261646765266c6f676f3d796f7574756265" alt="Watch the demo"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tide-commander" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/dc57355add05e313f30009ceb8d0de17e6aa32193e55f4727b855324257ba906/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f746964652d636f6d6d616e6465723f7374796c653d666f722d7468652d6261646765266c6f676f3d6e706d" alt="npm version"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Tide Commander is a Claude Code and Codex orchestrator and manager that lets you deploy, control, and monitor multiple AI coding agents from a single visual interface. Spawn agents, assign tasks, and watch them work in real-time on an RTS-inspired 3D battlefield — or switch to a lightweight 2D canvas or a metrics dashboard.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;🚀 Getting Started&lt;/h2&gt;
&lt;/div&gt;

&lt;p&gt;Requirements:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Node.js 18+&lt;/li&gt;
&lt;li&gt;Claude Code CLI (&lt;code&gt;claude&lt;/code&gt; command available in PATH)&lt;/li&gt;
&lt;li&gt;OpenAI Codex CLI compatibility&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Install and run:&lt;/p&gt;

&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Run directly without installing (recommended)&lt;/span&gt;
bunx tide-commander
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Or install globally&lt;/span&gt;
npm i -g tide-commander@latest
tide-commander start&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;Command lifecycle:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Start in background (default)&lt;/span&gt;
tide-commander start

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Stop the background server&lt;/span&gt;
tide-commander stop

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Check whether server is running&lt;/span&gt;
tide-commander status

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Show the latest server logs&lt;/span&gt;
tide-commander logs

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Follow logs in real time&lt;/span&gt;
tide-commander logs --follow&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;CLI flags (for &lt;code&gt;start&lt;/code&gt;):&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;tide-commander&lt;/pre&gt;…
&lt;/div&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/deivid11/tide-commander" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;





&lt;p&gt;&lt;a href="https://discord.gg/MymXXDCvf" rel="noopener noreferrer"&gt;Discord&lt;/a&gt; | &lt;a href="https://www.youtube.com/watch?v=r1Op_xfhqOM" rel="noopener noreferrer"&gt;YouTube Demo&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>ai</category>
      <category>codex</category>
      <category>claude</category>
    </item>
  </channel>
</rss>
