Skip to content

Install

Every install path for the Sightmap toolchain. Pick the one that matches your role.

PackageInstallWhat it gives you
@sightmap/sightmappnpm add -D @sightmap/sightmapCore library + sightmap CLI. Parse, validate, merge, match, explain, lint.
@sightmap/reactpnpm add @sightmap/react @sightmap/sightmapReact Router 7 adapter. <SightmapProvider>, Vite plugin, sightmap-react CLI.
@sightmap/mcppnpm add -D @sightmap/mcpMCP server with browser tools and curation tools. Wraps @playwright/mcp.
@sightmap/pluginsymlink — see belowClaude Code plugin (advisory hooks). Marketplace install in WI-3.

@sightmap/sightmap is a peer dep of @sightmap/react — install it alongside.

The packages ship two CLIs:

BinShips inCommands
sightmap@sightmap/sightmapvalidate, lint, check, match, explain, check-conventions
sightmap-react@sightmap/reactgen, gen --check, gen --diff, validate

All commands accept --json for machine-readable output and --cwd <dir> to run from outside the project. See CLI reference for the full command list.

The plugin will ship as a marketplace listing in WI-3. For local development:

Terminal window
git clone https://github.com/sightmap/sightmap-js
cd sightmap-js/packages/plugin
mkdir -p ~/.claude/plugins/sightmap
ln -sf "$(pwd)/bin" ~/.claude/plugins/sightmap/bin
ln -sf "$(pwd)/hooks" ~/.claude/plugins/sightmap/hooks

Then add sightmap to your ~/.claude/settings.json enabledPlugins.

The hook scripts shell out to npx --no-install sightmap by default. Override with SIGHTMAP_BIN if you need a pinned binary path.

Add this header to your .sightmap/ YAML files for in-editor validation in VS Code (yaml-language-server):

# yaml-language-server: $schema=https://raw.githubusercontent.com/sightmap/spec/main/spec/v1/sightmap.schema.json
  • Node 20+
  • pnpm 10+ (or npm / yarn — pnpm is what we test against)
  • TypeScript ~5.7 if you’re consuming the library types