SolidMITOriginal

Preview Server

Spins up the project's dev server — handles npm install if needed, picks an available port, opens the browser.

Entry verified April 20, 2026

The short answer

The 'I want to see this locally' skill. Handles the tiny-but-annoying setup steps (port conflicts, missing deps, stale build) so you skip straight to the browser.

When to use it

Starting local dev. After pulling a branch with dependency changes.

Setup

  1. 1

    Save as ~/.claude/commands/preview.md.

  2. 2

    Skill reads package.json for the dev script.

  3. 3

    Invoke: /preview

Example

You: /preview
Claude: Running npm install (stale node_modules)... Starting dev server on :3001 (3000 in use). Opening browser.

Source & attribution

Author
Bryan Collins
Licence
MIT
Type
Original

Original pattern published under MIT — attribution preserved by convention, not licence requirement.

Caveats

For monorepos, extend to target specific workspaces.

Related skills

Deploy to Netlify

Builds the site, validates output, and pushes to Netlify — with rollback if the build fails post-deploy.

Browse more skills

47 skills across 10 categories, all licence-verified.

Back to catalogueMore in Deploy & infrastructure
Read the guide