markup-modelisted
Install: claude install-skill spunt/markup-mode
# Markup Mode
Markup Mode is a single, self-contained block of HTML/CSS/JS that turns any web page into a
reviewable surface. A reviewer starts Markup Mode, then:
- **selects text** → the selection snaps to word boundaries, is highlighted in place, and the exact quote is captured (good for commenting on a specific claim or sentence), or
- **clicks an element** → a numbered mark + outline labels it unambiguously (good for design notes on a card, chart, button, etc.).
Notes accumulate in a collapsible dock and **compile to tagged Markdown** (with a human "Where", the exact quote or a CSS selector, and the comment) that is copied or exported as a `.md` file to hand to an agent. Everything is client-side: notes live in `localStorage`; nothing is written to the host's content and no server is involved.
## When to use
- The user wants to review an agent-produced document/artifact and leave precise, per-claim feedback.
- The user wants to give design notes on specific components of a live UI.
- The user is building a new HTML artifact and wants a built-in review affordance.
- The user says "markup mode", "add a comment/review layer", "annotate", "let me flag specific parts", or wants location-anchored notes to pass back to an agent.
## When NOT to use
- A persistent, multi-user, or queryable feedback backend is required (SQLite + endpoints + a triage UI) → that is a heavier, server-backed tool, not this.
- Non-HTML targets (native apps, PDFs, images).
- Simple "add a feedback