Ccdeck — AI skill for Claude Code
A live canvas for your AI agents — watch Claude Code and OpenAI Codex call tools, fork subagents and finish, in real time.
How to install Ccdeck
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open BarganConstantin/ccdeck and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Ccdeck does
A live canvas for your AI agents — watch Claude Code and OpenAI Codex call tools, fork subagents and finish, in real time.
Alternatives in AI
- CodeIsland — Real-time AI coding agent status panel in your MacBook notch — live status, approvals & replies for 13 AI tool 2.3k ★
- Azure Voice Live .net — Real-time bidirectional voice AI 1.8k ★
- Agor — Orchestrate Claude Code, Codex, and Gemini sessions on a multiplayer canvas 1.2k ★
README
ccdeck
**A live canvas for your AI agents.** Watch Claude Code and OpenAI Codex call tools and finish — every Claude Code subagent on a node of its own — all on one calm graph, in real time.
[](https://www.npmjs.com/package/ccdeck) [](https://www.npmjs.com/package/agents-deck) [](LICENSE) [](https://nodejs.org) [](#requirements)
[What you get](#what-you-get) · [Quick start](#quick-start) · [How it works](#how-it-works) · [What it touches](#what-it-touches) · [Accounts](#accounts) · [Options](#options)
npx ccdeck
[](assets/canvas.png)
*An older shot — the deck was still called `agents-deck` then. Click through for full size.*
Why
An agent session is a tree, but a terminal shows it as a scroll. Five subagents working in parallel arrive as one interleaved column of text, and the questions you actually have — *what is running right now, what did that subagent do, which one is stuck, what is this costing* — are the ones the scroll answers worst.
ccdeck draws the tree instead. It is local and needs no configuration: it registers a hook, listens, and paints.
What you get
One canvas. No tabs. No kanban.
| Blocked on you | A permission prompt or a finished turn waiting for your next instruction sorts that session to the top of the sidebar with how long it has been stuck, and puts a count in the topbar that jumps to the oldest one. Claude Code only — Codex emits no such signal. |
| **Cost and |
Related Skills
Agenttrail
Local observability map for AI coding agents. Watch Claude Code, Codex, and Cursor plans, tool calls, file cha
Agents Monitor
🏢 Your AI coding agents living in a pixel-art office — watch Claude Code, Codex, Cursor, Gemini & OpenCode wo
Agent Watch Approve
⌚ 在 Apple Watch 上批准 Claude Code / Codex 的危险操作,任务完成自动提醒 Approve your AI coding agent's risky actions from your
AI Agent Session Center
Real-time dashboard that turns AI coding agent sessions (Claude Code, Gemini CLI, Codex) into animated 3D robo
FuelSwitch AI
FuelSwitch AI — macOS menu bar app & floating HUD that monitors Claude Code, Codex and Gemini CLI usage limits
Token Watcher
⏱ Token Watcher — local real-time token usage & quota dashboard for AI coding agents (Claude Code, ccmr, Codex
Related Agents
Codex Debugger
Root-cause a failing test, crash, stack trace, or misbehaving feature by delegating the investigation to OpenA
Stock Timing
Stock timing checklist agent. Answers "is it a good time to buy/sell ?" with a ✅/❌/⬜ conditions read (favour /
Git Command Manager
Git 워크플로우 전용. new, switch, sync, fork 예약어 실행 시 사용. ~/.claude/commands 스펙을 읽고 현재 워크스페이스에서만 실행. clone/finish/rev