make-pages-interactive

make-pages-interactive is a skill for Claude Code, Codex from paraschopra/make-pages-interactive. It costs 80 tokens per session (1,995 once invoked), scanned A, original, MIT.

A system that turns static HTML pages into local pages where people can leave comments on selected text, elements, or the whole page. Comments are saved locally and can be reviewed while the pages are updated.

In plain words
What is it for?
Adding feedback to one or more HTML pages, collecting comments in a JSONL inbox, tracking edit history, and removing the feedback layer when review is complete.
Why use it?
It gives reviewers a way to point to the exact part of a page that needs attention instead of describing it separately. It also lets an agent monitor feedback and apply requested edits.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: reads .claude/ paths; mentions Claude Code.

Good fit Adding feedback to one or more HTML pages, collecting comments in a JSONL inbox, tracking edit history, and removing the feedback layer when review is complete.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/paraschopra/make-pages-interactive/make-pages-interactive
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.

Any agent
npx skills add paraschopra/make-pages-interactive --skill make-pages-interactive
Clone the repo
git clone --depth 1 https://github.com/paraschopra/make-pages-interactive

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for make-pages-interactive

README.md
[![agentmods](https://agentmods.dev/badge/skills/paraschopra/make-pages-interactive/make-pages-interactive/github.svg)](https://agentmods.dev/skills/paraschopra/make-pages-interactive/make-pages-interactive)
Your own site
<a href="https://agentmods.dev/skills/paraschopra/make-pages-interactive/make-pages-interactive"><img src="https://agentmods.dev/badge/skills/paraschopra/make-pages-interactive/make-pages-interactive/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for make-pages-interactive

Your own site · 80×15
<a href="https://agentmods.dev/skills/paraschopra/make-pages-interactive/make-pages-interactive"><img src="https://agentmods.dev/badge/skills/paraschopra/make-pages-interactive/make-pages-interactive.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 80 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,995 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.
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.1 $0.00080 $0.01995
Opus 5.5 $0.00032 $0.00798
Sonnet 5.5 $0.00016 $0.00399
Haiku 4.5 $0.00008 $0.00199

Measured 2mo ago against content hash b4262491971f, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

make-pages-interactive 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 2mo ago.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/inject.py, scripts/update.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

curl -s --max-time 2 http://localhost:5050/info
SKILL.md · 137 lines

How it starts

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

Make Pages Interactive

Turns any folder of HTML files into a place the user can leave inline comments on (text selections, element selections, page-level notes). Comments POST to a local JSONL inbox; you (the agent) Monitor that inbox, edit the HTML in response, append to feedback/history.json, and the page auto-reloads with a walkthrough of what changed.

When to invoke

User says any of:

  • "make this page interactive" / "make these pages interactive" → Setup flow
  • "add feedback to this page" / "let me comment on this page" → Setup flow
  • "set up feedback on " → Setup flow
  • "stop the feedback server" / "kill the server" / "shut it down" → Stop flow
  • "remove the feedback layer" / "make pages static again" → Removal flow
  • "update the make-pages-interactive skill" → Update flow

Setup flow (when user wants to make pages interactive)

  1. Identify the target directory. Usually the user's current working directory or a folder they named. If ambiguous, ask.
  2. Inject the feedback tags into every *.html in that directory:
    python ~/.claude/skills/make-pages-interactive/scripts/inject.py <dir>
    
    Add --recursive if the pages live in subfolders. The script is idempotent — safe to re-run. It also creates <dir>/feedback/inbox.jsonl and <dir>/feedback/history.json if missing.
  3. Pick a port. Default 5050. Before starting, check what's there:
    curl -s --max-time 2 http://localhost:5050/info
    
    • JSON with artifact_dir matching this <dir> → reuse it, skip to step 5.
    • JSON with a different artifact_dir → port is held by another exploration. Either ask the user to free it (lsof -ti:5050 | xargs kill) or use port 5051, 5052, … (try the next port; tell the user the URL).
    • No response → port 5050 is free.
  4. Start the server in the background via Bash with run_in_background: true:
    python ~/.claude/skills/make-pages-interactive/lib/server.py <dir> --port <chosen>
    
    The server auto-shuts-down on parent death or 10 min of idle, so you don't need to manage its lifecycle.
  5. Tell the user the URL. For example: http://localhost:5050/index.html (use whatever filename they actually have — index.html, report.html, etc.). If they have multiple pages, list the top-level ones.
  6. Start a Monitor on the inbox so new comments notify you immediately:
    Monitor on path: <dir>/feedback/inbox.jsonl
    
    Do NOT poll — let the Monitor notification arrive.

Read the full file on GitHub · 137 lines

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 2mo ago First seen · 137 lines · 80 tokens per session scan A b4262491971f

Subscribe to this mod's changes

make-pages-interactive is a skill published in the GitHub repository paraschopra/make-pages-interactive (484 stars, last pushed 4mo ago), licensed MIT. It adds 80 tokens to every session and 1,995 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

orbit-notion

Open Orbit briefing skill — selected by the Orbit pipeline when Notion is the user's only connected connector, or when the user explicitly scopes their daily digest to Notion. Pulls the past 24 hours of document edits, comments, mentions, and database row changes from the user's authenticated Notion connection and…

nexu-io/open-design · 117 tokens

agentmail

Use your assigned AgentMail inbox to read email tasks, explicitly send or reply, and check delivery. Provided automatically by your inbox assignment.

paperclipai/paperclip · 30 tokens

Cortex

LifeOS memory, prior-session recall, and learning capture. USE WHEN capture this learning, document this learning, what did we learn recently, recent learnings, cortex, knowledge, knowledge base, search knowledge, what do we know about, archive, harvest, knowledge status, develop note, add to knowledge, add a people…

danielmiessler/LifeOS · 184 tokens

rowboat-spaces

How to work as a member of Rowboat Spaces, the team chat where people and agents work together. Load it once per session, before acting on any request that reaches you from Rowboat; it covers your setup, mentions and hand-offs, the tools, and files.

rowboatlabs/rowboat · 60 tokens

pinchtab-mcp

Use this skill when a task requires browser automation through PinchTab's MCP server connected to a remote browser instance. Covers navigation, element interaction, data extraction, form filling, multi-step flows, and session management via MCP tools.

pinchtab/pinchtab · 52 tokens

feishu

Work with Feishu or Lark bots, docs, sheets, bitables, approval flows, and OpenAPI/MCP setup without hardcoding credentials.

Hmbown/CodeWhale · 33 tokens