Trackszx

Pixelcrew — Development skill for Claude Code

Development community

Pixel-art progress bar with the Claude mascot and a subagent crew panel for Claude Code.

How to install Pixelcrew

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

What Pixelcrew does

Pixel-art progress bar with the Claude mascot and a subagent crew panel for Claude Code.

Alternatives in Development

  • Huashu Art Motion — 艺术动画skill:35种艺术风格、9种解说语法,用代码让画动起来 1.5k ★
  • Gastown Setup — Bootstrap a new Gas Town installation, optionally with the wbern/gastown-me-and-my-crew preset for manual-mode 168 ★
  • Anything2explainer — Topic in, narrated explainer video out 151 ★

README

pixel-crew

A pixel-art progress bar with the Claude mascot, and a side panel that turns your subagents into a little crew of characters, for [Claude Code](https://claude.com/claude-code).

![The crew](docs/crew.png)

What it does

**A progress band above the prompt.** While Claude works, the band shows what it is doing right now ("Editing register.tsx", "Running the tests"), a pixel progress bar with a light sweeping across it, and the percentage. The mascot walks along the bar, right at the edge of what is done, and the bar glides to each new value instead of jumping. When Claude delegates to subagents it becomes the **boss**: it grows, puts on a crown and cape, the bar turns purple, and a counter shows how many subagents are done (`1/3`).

![The progress band](docs/band.png)

**Moods.** The mascot reacts to what happens in the session:

  • Done: when a turn finishes well, it jumps among confetti at 100% for a couple of seconds.
  • Waiting for you: when Claude asks a question or needs your permission, it raises a hand with a !.
  • Something failed: when one of Claude's tools fails, it shakes and the bar turns red for a moment.
  • Asleep: when nothing is running but the task list still has work, it dozes off.

![The mascot's moods](docs/moods.png)

**An Agents panel.** Every subagent gets a row: its character, its role, the model and effort, what it is doing, context used, tokens, estimated cost, time, and its own progress bar. Totals for cost, tokens and time sit on top. The panel opens by itself when the first subagent starts.

The Agents panel

**The crew.** Each subagent gets a role from the first keyword in its description (English, Portuguese and Spanish keywords are understood):

Character Role Symbol Picked for
Headphones and laptop developer ⌨ build, implement, fix, refactor, create, write
Beret, brush and palette artist ✎ design, d