inspecto CLAUDE.md

Project instructions for Inspecto, an open-source monorepo tool that connects browser element inspection with local AI coding assistants. A monorepo is one repository containing multiple related packages.

In plain words
What is it for?
Use them when developing Inspecto’s shared types, build plugins, browser interface, React or Vue wrappers, or IDE extension.
Why use it?
They explain Inspecto’s structure, development phases, and key design decisions so changes fit the existing project.

Instructions file

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/inspecto-dev/inspecto/claude-md
Clone the repo
git clone --depth 1 https://github.com/inspecto-dev/inspecto
Per session 1,014 This file is loaded in full into every session.
When invoked 1,014 The same file — it is already loaded in full.
Security scan A 1 finding. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.01014 $0.01014
Opus 5 $0.00507 $0.00507
Sonnet 5 $0.00203 $0.00203
Haiku 4.5 $0.00101 $0.00101

Measured yesterday against content hash afe72fca1e0b, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

inspecto CLAUDE.md scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Runs shell commandslowCapability

Expected in a hook, worth knowing in a rule or an instructions file.

- **IDE launch**: `child_process.execSync` to directly open `vscode://` URIs (avoids silent failures of `launch-ide` on macOS)
CLAUDE.md · 66 lines

How it starts

The opening of the file, as written. The whole thing — 66 lines — stays where its author put it; the contents beside it link to each section on GitHub.

inspecto — Claude Code Development Guide

Project Overview

inspecto is an open-source monorepo tool that bridges browser DOM inspection with local AI assistants (GitHub Copilot, Claude Code, Claude Code CLI, Coco CLI). Developers click any page element → the tool extracts source location + surrounding code → injects it as context into the AI tool of choice.

Monorepo Structure

inspecto/
├── packages/
│   ├── types/           # Shared TypeScript protocol types
│   ├── unplugin/        # Build plugin (Vite/Webpack/Rspack/Rollup) — AST injection (React & Vue)
│   ├── core/            # Browser runtime: Web Component UI + local server transport client
│   │   └── src/
│   │       ├── runtime/    # Custom element, lifecycle, interactions, launcher
│   │       ├── features/   # Inspect, annotate, and evidence feature modules
│   │       ├── transport/  # Browser HTTP/EventSource client
│   │       └── shared/     # i18n, icons, styles, source-location helpers
│   ├── react/           # React thin wrapper (<Inspecto> component)
│   ├── vue/             # Vue thin wrapper (<Inspecto> component)
│   └── ide/             # IDE Extension (GitHub Copilot, Claude Code, CLIs strategies)
├── playground/          # Outside monorepo — manual test apps (React+Vite, Vue+Vite, Next.js)
└── docs/                # This directory

Development Phases (load each file as needed)

File Phase Contents Size
docs/phase-0-monorepo.md 0 Monorepo skeleton, pnpm workspaces, Turborepo ~2KB
docs/phase-1-types.md 1 Protocol types, shared interfaces ~4KB
docs/phase-2-unplugin.md 2 unplugin + AST transform (MagicString) ~24KB
docs/phase-3-core.md 3 Browser core: Web Component + HTTP server ~12KB
docs/phase-4-react.md 4 React & Vue wrapper packages ~8KB
docs/phase-5-vscode.md 5 VS Code Extension (Strategies & UI) ~10KB
docs/phase-6-verify.md 6 Playground verification ~3KB
docs/phase-7-oss.md 7 Testing, CI/CD, OSS release ~5KB

Read the full file on GitHub · 66 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 66 lines · 1,014 tokens per session scan A afe72fca1e0b

Subscribe to this mod's changes

inspecto CLAUDE.md is an instructions file published in the GitHub repository inspecto-dev/inspecto (23 stars, last pushed 4d ago), licensed MIT. It adds 1,014 tokens to every session, about $0.0051 per session on Opus 5. A static security scan graded it A with 1 finding (runs shell commands). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.