Agent View
Description
One VS Code panel for Claude Code & Codex: every chat with status, cost and subagents, live usage bars, unread marks, per-turn timing - plus an optional Codex-style quiet timeline for Claude's chat panel
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Agent View
One panel for every AI chat in your VS Code window. Claude Code and Codex conversations become rows in a tree view — live status, context size, API-equivalent cost, running subagents — with your account's rate-limit windows drawn as bars above them.

What the rows show
| Element | Meaning |
|---|---|
450k/1.0M |
Context in play vs the model's window — the last request's input + cache |
$12.34 |
What the session's tokens (subagents included) would bill at list API rates. A Claude subscription is not billed this way; it is a what-if figure |
blue ● badge |
The agent is working right now |
orange ? badge |
The agent asked a question and is blocked on your answer |
green ● badge |
The agent replied and you have not read it yet. Clears when you look at the tab, or when you reply |
⟳ child rows |
Subagents working in the last 2 minutes, with per-agent model, tokens and cost. Codex subagents appear the same way, named by the nickname Codex gave them |
🕘 rows |
Chats whose tab was closed; click to reopen the session |
Hover any row for the full breakdown (model, turns, cache reads/writes, reset times).
Layout
On first run the extension moves the panel to the left of the editor and opens itself there — files, then chats, then the chat you are working in. That is a one-time move; drag things wherever you like afterwards. Two palette commands cover the rest: **Agent View: Show Chats Panel** brings the view back if it gets closed, and **Agent View: Arrange as Left Column** restores the layout. *View: Move Panel to Bottom* undoes it.
Buttons
Claude logo — new Claude chat as an editor tab. History icon beside it — reopen any past Claude session. Codex logo — new Codex agent, placed next to your chats. Second history icon — open any past Codex conversation in a tab. Refresh — re-read everything and refetch usage.
Quiet timeline (optional)
**Agent
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Design Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Design Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Design Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Design Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Design Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations
Design Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://