Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add aiocean/claude-plugins/plugin install aio-html-artifactsWrote 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.
[](https://agentmods.dev/skills/aiocean/claude-plugins/aio-html-editor)<a href="https://agentmods.dev/skills/aiocean/claude-plugins/aio-html-editor"><img src="https://agentmods.dev/badge/skills/aiocean/claude-plugins/aio-html-editor/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.
<a href="https://agentmods.dev/skills/aiocean/claude-plugins/aio-html-editor"><img src="https://agentmods.dev/badge/skills/aiocean/claude-plugins/aio-html-editor.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.1 | $0.00090 | $0.04199 |
| Opus 5.5 | $0.00036 | $0.01680 |
| Sonnet 5.5 | $0.00018 | $0.00840 |
| Haiku 4.5 | $0.00009 | $0.00420 |
Grade A, and why
aio-html-editor scanned grade A with 0 findings 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 1mo 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.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 180 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Purpose-built HTML editor
An editor is a disposable instrument for one dataset: it opens with the real values loaded, and it hands back exactly what changed.
Reference routing
Eight rows load every time. Every other row states a condition you can answer no to — from the request text, the contract keys, the material in hand, or the validator's output. A row whose condition does not match is a row not read, and leaving it unread is the design. Measured on a plain feature-flag-editor request against the files on disk, 2026-08-13: 190 KB if every row fires, 114 KB with these conditions applied, of which 74 KB is the always set. The references/data-story.md row postdates that measurement and carries its own cost: 12 KB when the preview plots a value against a limit it is being tuned toward, measured 2026-08-13. Paths are relative to ${CLAUDE_PLUGIN_ROOT}.
| Open | When |
|---|---|
references/base-layer.html |
always — paste it as the document skeleton, then diverge |
references/layout-primitives.css |
always — paste into <style>, compose with the primitives |
references/voices.css |
always — the rules every voice obeys, and the five-row chooser you pick from |
references/voices/<the voice you picked>.css |
always, exactly one file — the token block for the name in the contract's voice= |
skills/aio-html-editor/references/editor-contract.md |
always — state, INITIAL, update(), diff export, accessible names |
references/artifact-grammar.md |
always — job, reading ladder, encoding, spine, proof placement, interaction tier, constraints, completion |
references/microcopy.md |
always — an editor is controls, and every one carries a label, an error, an empty state and a busy state |
references/interaction-budget.md |
always — an editor runs a script, so the earn-its-place gate and the state pattern apply to every control on it |
references/copy-craft.md |
the page carries a verdict sentence, panel headings, or a paragraph of explanation above the fields |
references/evidence-and-confidence.md |
a recommended value, a prior finding, or a number beside a field that you did not run a command to establish |
references/encoding-and-charts.md |
the preview plots three or more numeric values |
references/data-story.md |
the preview plots a value against a limit, a budget, a target, or a window the reader is tuning toward — read Annotate the point for the reference line and the direct label that put that limit in the preview instead of in a note beside it, about 12 KB of the file's 27 KB |
references/diagrams-css.md |
a named shape sits beside the fields — a flow, a timeline, a phase strip, or a sequence |
references/diagrams.md |
a topology or dependency whose medium is still open, or an inline <svg> you are about to hand-write |
references/captions.md |
a <figure>, a <table> with a header row, a chart, a diagram, or a screenshot goes in the page — read the one ### block for that evidence type plus The alt / figcaption / prose partition, about 4 KB of the file's 13 KB |
references/typography-and-voice.md |
the request names a brand, a company style, or a look to match; or you change a value inside the voice block |
references/copy-delint.md |
the validator printed a finding whose id starts copy., or the request says the writing reads like AI |
references/worked-examples.md |
a drafted panel that would have come out the same for any editor |
references/revising.md |
a file already exists at the target path |
references/live-collaboration.md |
the agent explains a warning or proposes a value mid-session |
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.
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.
- 1mo ago First seen · 180 lines · 90 tokens per session scan A 1ea480e919fe
aio-html-editor is a skill published in the GitHub repository aiocean/claude-plugins (4 stars, last pushed 2d ago), licensed MIT. It adds 90 tokens to every session and 4,199 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
rtk-optimizer
Wrap high-verbosity shell commands with RTK to reduce token consumption. Use when running git log, git diff, cargo test, pytest, or other verbose CLI output that wastes context window tokens.
session-save
Save the current session state (decisions, modified files, current status, and next steps) to a handoff file for later resume.
handoff-create
Generate a structured handoff document from the current session. Captures scope, relevant files with line numbers, key discoveries, work completed, current status, next steps, and code snippets. Use before ending a session or handing work to another agent.
handoff-update
Update an existing handoff document with current session progress. Applies section-specific merge rules: append-only for Work Done (never deletes history), replace for Status and Next Steps, merge for Files and Discoveries. Falls back to creating a new handoff if no source file is found.
handoff-resume
Load a handoff document and resume work from where a previous session left off. Parses scope, file references, completed work, and next steps, then checks live state and existing authorization before proceeding.
meeting-notes
Use when the user asks to capture, structure, or summarize meeting notes / call notes / 1:1 discussion / standup notes. Produces a standard template with attendees, agenda, decisions, action items (owner + deadline), and open questions.