Setup Development Tools

SkillWeb & browsing

Install development tools (claude | playwright)

Available today. Use it from your connected AI after setup.

No other account needed.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Setup Development Tools skill

What this skill tells your AI

The instructions your AI receives, as published by melbournedeveloper/dart_node in .claude/skills/setup/SKILL.md and read by ahel’s review.

Install Playwright with Chromium.

Usage: /setup <tool>

Sets up Playwright with Chromium for running the website's E2E test suite.

Install website npm dependencies (includes @playwright/test):
```
cd website && npm ci
```
Install Chromium browser and OS dependencies:
```
cd website && npx playwright install --with-deps chromium
```
This installs the Chromium binary plus required system libraries (libgbm, libasound, etc.).
Verify installation:
```
cd website && npx playwright --version
```

Only Chromium is needed — this project does not test against Firefox or WebKit.
On the Dev Container (Ubuntu 24.04), --with-deps installs the OS packages automatically.
On macOS, Playwright downloads its own Chromium binary — no Homebrew needed.
Browser cache lives at ~/.cache/ms-playwright/. Delete this to force a clean reinstall.
The website tests are at website/tests/ and configured in website/playwright.config.js.
Base URL: http://localhost:8080 (Eleventy dev server).

Run the website tests:

cd website && npm test

Or with UI mode:

cd website && npm run test:ui

Advanced