What is make-pages-interactive?

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.

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.

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.

make-pages-interactive — Skill for Claude Code and Codex by paraschopra: A system that turns static HTML pages into local…

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 skills/paraschopra/make-pages-interactive/make-pages-interactive

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.

README.md

[![agentmods](https://agentmods.dev/badge/skills/paraschopra/make-pages-interactive/make-pages-interactive.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.svg" alt="Measured on agentmods" 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. 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.

Model	Per session	Once invoked
Fable 5	$0.00080	$0.01995
Opus 5	$0.00040	$0.00997
Sonnet 5	$0.00016	$0.00399
Haiku 4.5	$0.00008	$0.00199

Measured 5d ago against content hash b4262491971f, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, 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 5d ago.

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)

Identify the target directory. Usually the user's current working directory or a folder they named. If ambiguous, ask.
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.
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.
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.
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.
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

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.

5d 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 (481 stars, last pushed 2mo ago), licensed MIT. It adds 80 tokens to every session and 1,995 once invoked, about $0.0004 per session on Opus 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.

Frontend Productivity

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

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

Cortex

Operate Cortex, the LifeOS memory system — the typed Knowledge Archive (People, Companies, Ideas, Research with typed related: links) plus recall of prior work sessions, ISAs, and conversations. Search, add, harvest, develop, ingest, distill, graph-navigate, recall. USE WHEN cortex, knowledge, knowledge base, search…

danielmiessler/LifeOS · 196 tokens