Zafer-Liu

Claude Super Sidebar — Design skill for Claude Code

Design community

A visual sidebar for Claude Code and Codex: agent trees, live status, and conversation task flows.

How to install Claude Super Sidebar

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Zafer-Liu/claude-super-sidebar and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Super Sidebar does

A visual sidebar for Claude Code and Codex: agent trees, live status, and conversation task flows.

Alternatives in Design

Ovis — Ovis (formerly herdr web UI): free, open-source browser and phone client for herdr 1.4k ★
App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★
Ecommerce Visual Copywriting Skill — 电商视觉文案设计SOP Skill - 让电商设计小白也能一键做出5年资深设计经验的商品图片.兼容 Claude / Codex / Cursor / Workbuddy 等 SKILL.md Agent 650 ★

README

See your agents. Follow the work.
A native Claude pane and a local Codex session panel.

English · 简体中文

Preview · Installation · Usage · Codex · Development · Validation

Overview

Claude Super Sidebar brings the main agent, subagent relationships, execution details, and the current conversation’s work steps into one panel. Claude Code uses a native plugin pane; standalone Codex CLI/App uses a read-only local session dashboard. Neither requires a frontend build.

The repository and product are **Claude Super Sidebar** (`claude-super-sidebar`). The native plugin retains the ID `team-panel` because the host reserves the `claude-` prefix. The Claude plugin ID is `team-panel`, with a native pane titled **状态 · Status**. The Codex page is titled **状态 status**, and its team section is **团队面板 Team panel**. Each adapter uses its host's own data source; task summaries require no additional model call.