html

html is a skill for Claude Code from pioneerdotai/pioneer. It costs 38 tokens per session (894 once invoked), scanned A, original, MIT.

A skill for creating self-contained HTML documents with CSS and embedded JavaScript inside Pioneer messages. It supports reading-focused documents, comparisons, charts, calculators, filters, tabs, and small interactive interfaces.

In plain words
What is it for?
Use it to make inline documents, data displays, diagrams, charts, calculators, and small interfaces that respond to user input.
Why use it?
It lets an agent present information or simple interactions in a ready-to-run document without TypeScript or a separate build step.

Skill for Claude Code

Written for Claude Code: disable-model-invocation in frontmatter. Also seen: mentions Codex; mentions OpenCode.

Good fit Use it to make inline documents, data displays, diagrams, charts, calculators, and small interfaces that respond to user input.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/pioneerdotai/pioneer/html
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 pioneerdotai/pioneer --skill html
Clone the repo
git clone --depth 1 https://github.com/pioneerdotai/pioneer

Made for: Claude Code.

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 html

README.md
[![agentmods](https://agentmods.dev/badge/skills/pioneerdotai/pioneer/html/github.svg)](https://agentmods.dev/skills/pioneerdotai/pioneer/html)
Your own site
<a href="https://agentmods.dev/skills/pioneerdotai/pioneer/html"><img src="https://agentmods.dev/badge/skills/pioneerdotai/pioneer/html/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 html

Your own site · 80×15
<a href="https://agentmods.dev/skills/pioneerdotai/pioneer/html"><img src="https://agentmods.dev/badge/skills/pioneerdotai/pioneer/html.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 38 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 894 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. 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.00038 $0.00894
Opus 5.5 $0.00015 $0.00358
Sonnet 5.5 $0.00008 $0.00179
Haiku 4.5 $0.00004 $0.00089

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

Security

Grade A, and why

html 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 yesterday.

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.

resources/skills/pioneer/html/SKILL.md · 49 lines

How it starts

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

Pioneer Inline HTML and JavaScript

Inline HTML supports CSS and embedded JavaScript that runs inside the document. Use JavaScript for working calculators, filters, tabs, scenario controls, and charts that respond to user input. Keep reading-focused documents static when interaction adds no value.

Use inline HTML to make relationships, comparisons, data, or interactive calculations easier to understand. Choose the form from the user's question: a document for reading, aligned rows for comparison, a diagram for relationships, a chart or table for data, or a small working interface for exploration. Plain text is sufficient for simple answers.

Workflow

  1. Prepare one complete HTML document with ready-to-run CSS and JavaScript. No TypeScript, TSX, or required build step.
  2. When html_preview is available and image input is supported, call it using the callable name in the current runtime catalog.
  3. For a successful preview, inspect all six real images and each frame's diagnostics: light at 360, 768, 1024 CSS px, then dark at the same widths. Correct clipping, overflow, contrast, layout, script errors, and truncated captures; preview again as needed.
  4. Publish the finished version with permitted html_render. It already saves and publishes the document; do not add artifact_register. Iterate through preview rather than publishing drafts.
  5. Add only necessary text that complements the HTML. Follow the current answer delivery and review rules; HTML does not bypass them.

If preview is unavailable, or image capability is explicitly unsupported or unconfirmed, do not repeat a known unsupported preview without changed conditions. Do not claim visual verification. You may publish with permitted html_render while clearly telling the user that visual verification was unavailable. If visual verification is necessary for a reliable result, provide a text answer instead. The document must still support both themes.

Preview checks initial rendering in both standard Pioneer themes, not every interaction or every future custom palette. Exercise interactions when an authorized tool supports it; never claim actions were tested from static screenshots alone.

Read the full file on GitHub · 49 lines

Files

What ships with it

7 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. yesterday First seen · 49 lines · 38 tokens per session scan A 970726242751

Subscribe to this mod's changes

html is a skill published in the GitHub repository pioneerdotai/pioneer (22 stars, last pushed yesterday), licensed MIT. It adds 38 tokens to every session and 894 once invoked, about $0.0002 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-10-25.

Related

Other skills, from other repositories

officecli-commonly-templates

Use this skill when producing a polished, Commonly-branded deliverable (.docx brief / memo, .xlsx data matrix, .pptx deck) and you do not have specific brand guidance from the user. Trigger on: 'write me a brief', 'one-pager', 'memo', 'data sheet', 'status matrix', 'short deck', 'summary deck', 'closing slide', 'final…

Team-Commonly/commonly · 182 tokens

markdown-converter

Convert binary documents (PDF, DOCX, XLSX, PPTX, HTML, EPUB, images) to clean LLM-friendly Markdown using Microsoft's markitdown Python tool. Use when a user attaches a binary file and you need to read its contents.

Team-Commonly/commonly · 57 tokens

pandic-office

Convert Markdown to PDF (or DOCX/EPUB/HTML) using the pandoc CLI. Use when asked to produce a PDF report, brief, summary, or any document where the input is Markdown and the output should be a polished, paginated file.

Team-Commonly/commonly · 59 tokens

pdf

Manipulate PDF files — extract text, count pages, render thumbnails, merge or split documents. Use for PDF-specific operations that don't fit markdown-converter (general read) or pandic-office (write from markdown).

Team-Commonly/commonly · 49 tokens

industrial-kaizen

A visual design guide built around warm neutral colours, strict tables, aligned numbers, thin dividing lines, and restrained typography. It is intended for reports and business pages where information density matters.

arcsin1/oh-my-ppt · 0 tokens

commonly-design

Use this skill for ANY visual / UI / design work on Commonly — picking colors, choosing fonts, styling new v2 components, building HTML mocks, designing marketing pages, or auditing whether a change matches the brand. Triggers on tasks involving v2.css tokens, accent / blue / focus ring / SF font, brand mark / logo…

Team-Commonly/commonly · 185 tokens