← ClaudeAtlas

markup-modelisted

Add a frontend-only review/markup layer to any HTML artifact, Markdown document, or live UI so a reviewer can anchor comments to specific text or specific elements, then compile them into tagged Markdown for an agent to act on. Use when the user wants to "mark up this page", "add a review/comment layer", "annotate this artifact", "leave feedback on specific parts", invokes "markup mode", or wants unambiguous, location-anchored notes handed back as Markdown. Applied in one command (scripts/apply.sh) to any rendered HTML or Markdown artifact — or by hand as a fallback; it writes a markup-enabled copy, needs no backend, and never changes the host's own content.
spunt/markup-mode · ★ 0 · Code & Development · score 72
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