// Display all agent pane UI elements simultaneously in the sidebar for visual verification. Trigger on "UI check", "showcase", "UI demo", "show all patterns", "verify panel display", "UIを確認したい", "showcaseして". Use after UI changes to visually confirm rendering.
| name | ui-showcase |
| description | Display all agent pane UI elements simultaneously in the sidebar for visual verification. Trigger on "UI check", "showcase", "UI demo", "show all patterns", "verify panel display", "UIを確認したい", "showcaseして". Use after UI changes to visually confirm rendering. |
Trigger all UI elements within the current Claude Code session so the sidebar's agent pane displays everything at once for visual verification.
Execute in this order. Once all steps complete, every element is visible in the sidebar simultaneously.
Start a background HTTP server via Bash tool. The sidebar detects it through port scanning.
python3 -m http.server 9876 &
Create 3 tasks with TaskCreate, then set each to a different status to show all icon types (✔◼◻):
Launch 2 subagents in parallel via Agent tool with run_in_background: true.
The sidebar shows ├ / └ tree visualization while they run.
Give each subagent a time-consuming task. For example:
src/ui/ and list every public function/structtests/ and list every test function nameOnce all elements are active, ask the user to check the sidebar. Subagents remain visible until they complete, providing enough time for inspection.
After execution, confirm the following are all visible in the sidebar:
These are mutually exclusive states, so they are out of scope for this skill:
Stop the HTTP server after verification:
kill $(lsof -ti:9876) 2>/dev/null
Regenerate the Starlight website's capture PNGs (hero / agent-pane-focus / activity-focus / git-focus / worktree-spawn / og-image) from the tmux scenario fixtures. Trigger on "regenerate captures", "rebuild capture images", "update hero image", "update agent pane image", "再生成 画像", "キャプチャ更新", and any request that changes `fixtures/scenarios/**` or the seeding logic in `_lib.sh`.
Use when bumping version, creating a release tag, or pushing a version tag. Triggers on "version up", "release", "tag push", "bump version".
Investigate whether the latest hook events and features from Claude Code / Codex CLI are covered by tmux-agent-sidebar's current implementation, and report gaps. Use on requests like "check diff with upstream", "look for new hooks", "check changelog for unsupported features". Does not implement anything.
Audit docs/ design documents, specs, and implementation plans against current source code for drift. Outputs a drift report and updates documents. Triggers on "check if docs are up to date", "diff docs vs code", "update design docs", "docs consistency check", "verify specs match source", "check plan completion status". Most effective after code or documentation changes.