skills/cmux-setup/SKILL.md
BEFORE manually calling cmux set-status or writing chpwd hooks for workspace coloring, use this skill. Manages workspace color rules that auto-apply based on directory patterns. Handles config creation, zsh hook installation, rule management, and on-demand workspace coloring via cmux set-status. Triggers on "cmux setup", "workspace colors", "color this workspace", "add color rule", "project colors", or any request to visually differentiate cmux workspaces.
npx skillsauth add catalan-adobe/skills cmux-setupInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Manage cmux workspace visual configuration. Currently handles automatic workspace coloring based on directory-pattern rules.
apply, not config management)SKILL.md to ~/.claude/commands/cmux-setup.mdscripts/cmux-setup.js to ~/.local/bin/cmux-setup.js
and chmod +x itfind command in Script Locationif [[ -n "${CLAUDE_SKILL_DIR:-}" ]]; then
CMUX_SETUP="${CLAUDE_SKILL_DIR}/scripts/cmux-setup.js"
else
CMUX_SETUP="$(find ~/.claude -path "*/cmux-setup/scripts/cmux-setup.js" \
-type f 2>/dev/null | head -1)"
fi
if [[ -z "$CMUX_SETUP" || ! -f "$CMUX_SETUP" ]]; then
echo "Error: cmux-setup.js not found." >&2
fi
Store in CMUX_SETUP and use for all commands below.
node "$CMUX_SETUP" apply [dir] # Apply matching rule to workspace (default: cwd)
node "$CMUX_SETUP" list # List all configured rules
node "$CMUX_SETUP" add --pattern <glob> --color <hex> --icon <sf.symbol> --label <text>
node "$CMUX_SETUP" remove --pattern <glob> # Remove rule by pattern
node "$CMUX_SETUP" match [dir] # Show which rule matches a directory
node "$CMUX_SETUP" install-hook # Install zsh chpwd hook in ~/.zshrc
node "$CMUX_SETUP" uninstall-hook # Remove zsh chpwd hook from ~/.zshrc
Use when the user wants colors applied automatically on every directory change.
add with --pattern, --color, --icon, --label.install-hook to register the zsh chpwd hook.apply (no args) to color the current workspace immediately.source ~/.zshrc (or open a new terminal) so the hook
takes effect in the current session.Use when the user wants to color the current workspace once without persisting any config.
With existing config: Run apply and the best matching rule is used.
Ad-hoc (no config): Call cmux directly — no script needed:
cmux set-status project "Label" --color "#HEX" --icon "icon.name"
This is ephemeral — the color is gone when the workspace closes or a new rule overwrites it.
Handle these conversational requests:
| Request | Action |
|---------|--------|
| "Add a rule for ~/work" | Ask for color, icon, label; run add |
| "Show my rules" | Run list |
| "Remove the ~/work rule" | Run remove --pattern ~/work |
| "What matches here?" | Run match (no args = cwd) |
| "What would match ~/repos/foo?" | Run match ~/repos/foo |
When adding a rule, ask for all four fields (--pattern, --color, --icon,
--label) in one prompt if not already provided. Don't ask one at a time.
Location: ~/.config/cmux-setup/rules.json
~ (expanded to $HOME at match time)/* is a recursive prefix match — ~/work/* matches any path
under ~/work//* are exact matchesExample:
{
"rules": [
{
"pattern": "~/repos/ai/*",
"color": "#7B2FBE",
"icon": "brain",
"label": "AI"
},
{
"pattern": "~/work/*",
"color": "#0066CC",
"icon": "briefcase",
"label": "Work"
}
]
}
cmux-setup uses the status_key from config (default: "project") in
sidebar metadata. cmux-demo uses demo-specific keys. They coexist
without conflict.
tools
Reduce a webpage to a structural skeleton with semantic tokens. Two-phase pipeline: Phase 1 injects a browser script that tokenizes content ({TEXT}, {HEADING:n}, {IMAGE:WxH}, {CTA:label}, {LINK:label}, {INPUT:type}, {VIDEO}, {ICON}). Phase 2 applies LLM structural reasoning to collapse repeated patterns ({REPEAT:N}), remove decorative wrappers, strip utility classes, and produce skeleton.html + manifest.json. Use when migrating pages to EDS, analyzing page structure, extracting page blueprints, or preparing input for GenAI block generation. Triggers on: reduce page, page skeleton, page blueprint, extract structure, tokenize page, page reduction, structural skeleton, reduce URL.
tools
Capture a spatial hierarchy of rendered DOM elements from any webpage. Injects a pre-built script via playwright-cli that walks the DOM, detects layout grids, extracts backgrounds, prunes invisible nodes, promotes elements rendered outside their DOM parent (overlays, fixed navs, modals), and tags overlay nodes with occlusion metadata. Returns three outputs: LLM-friendly indented text, structured JSON tree, and a nodeMap mapping positional IDs to CSS selectors with background and overlay data. Use before page decomposition, overlay detection, brand extraction, or any workflow that needs structured page analysis. Triggers on: visual tree, capture tree, page structure, page hierarchy, DOM tree, capture visual, page analysis, extract tree.
tools
Summarize any video by analyzing both audio and visuals. Downloads via yt-dlp, extracts transcript (YouTube captions or Whisper), pulls scene-detected keyframes, and produces a multimodal summary with clickable timestamped YouTube links. Use this skill whenever the user wants to summarize a YouTube video, digest a talk or tutorial, get notes from a video, extract key points from a recording, or says things like "tl;dw", "summarize this video", "what's in this video", or pastes a YouTube URL and asks for a summary. Also triggers for non-YouTube URLs that yt-dlp supports.
development
Design and build web UIs with Adobe Spectrum 2 design system. Applies S2 layout principles, visual hierarchy, spacing, and component composition to produce accessible interfaces. Outputs vanilla CSS with Spectrum tokens (static pages) or Spectrum Web Components (interactive apps). Recommends tier based on complexity. Covers sp-theme setup, side-effect imports, overlay system, form patterns, --mod-* token customization, and 14 critical gotchas. Use for: spectrum 2 web, SWC, sp-button, sp-theme, build UI with spectrum, S2 layout, spectrum application, adobe design system, web component form, spectrum overlay.