ux-collab-setuplisted
Install: claude install-skill Signpainterreverberation581/ux-collab
# UX Collab Setup Skill
Diagnose and fix missing ux-collab dependencies in one guided session.
## Step 1 — Run the check
Find the package root and run the check script:
```bash
# From the cloned repo / package directory:
npm run check # or: pnpm run check
# or:
bash scripts/check.sh
```
Read the output carefully. Each line is either ✔ (pass), ⚠ (warning/optional), or ✘ (required — must fix).
## Step 2 — Auto-fix what can be automated
Run the setup script — it handles ImageMagick installation, agent-browser installation, and creates `.ux-collab.md` if missing:
```bash
# From the cloned repo / package directory:
npm run setup # or: pnpm run setup
# or:
bash scripts/setup.sh
```
This will:
- Check if agent-browser is installed; if not, attempt to install via brew (macOS) or prompt for npm
- Install ImageMagick via `brew` (macOS) or `apt` (Ubuntu/Debian) if missing
- Make `optimize-screenshot.sh` executable
- Copy `optimize-screenshot.sh` to `~/.agents/skills/ux-collab/` if the skill is installed there
- Create a starter `.ux-collab.md` in the current directory if none exists
- Create a sample `agent-browser.json` config if desired
- Re-run `check.sh` at the end to confirm
## Step 3 — Install agent-browser (PRIMARY browser tool)
agent-browser is the recommended browser tool for ux-collab — it's faster, token-efficient, and requires no MCP setup.
### macOS (recommended via Homebrew — fastest)
```bash
brew install agent-browser
agent-browser install # Downl