← ClaudeAtlas

ux-collab-setuplisted

Install and configure all ux-collab dependencies. Use when: setting up ux-collab for the first time, something isn't working, check.sh reports failures, agent-browser is missing, Playwright MCP is missing, ImageMagick is missing, or the user asks to 'set up ux-collab', 'fix the dependencies', or 'get ux-collab ready'.
Signpainterreverberation581/ux-collab · ★ 0 · Web & Frontend · score 78
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