html-explainer SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

html-explainer from greenfield-inc/pane is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add greenfield-inc/pane/html-explainer@git:20260928.36b8b7d

Pins git:20260928.36b8b7d in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
greenfield-inc/pane
Path
main/src/services/paneChatBundle/skills/html-explainer/SKILL.md
Versions recorded
4
Latest version
git:20260928.36b8b7d, committed Sep 28, 2026
First version recorded
Sep 24, 2026
Size
6,409 bytes
Repository stars
603
License
a license file GitHub does not identify

The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography, components, diagrams, and quality gates so every generated page shares one calm, graphic-first look. Use when a skill's instructions say to render its output per the html-explainer standards, or when the user asks for an HTML explainer of anything and no more specific skill applies.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# HTML Explainer

## Task: $ARGUMENTS

A page for a person is pictures interrupted by words. The diagram
carries the argument and the prose annotates it, the way a whiteboard
sketch carries a design review; a section that has no visual either
earns its place in prose or belongs folded into depth. Without one
standard, every generated page invents its own fonts, colors, and
structure, and the reader pays for the drift. This skill is where the
look and the bar live. `eli5` renders with it (other pages follow
`page`); invoked
directly, it renders a one-off explainer of whatever the argument
names.

## The file

One self-contained `.html` file, tuned entirely for reading: there is
no hosting, no publish step, no capability layer to design for. Inline
CSS in a single `<style>` block, inline SVG for every drawing, no
external requests of any kind: no CDN, no web fonts, no remote images,
no scripts unless the page genuinely needs interaction, and then only
vanilla inline JS. System font stacks only. Target well under 200KB.
Write it to `./tmp/` (or the caller's stated destination), then open it
unless the caller says not to. Inside Pane (`PANE_SESSION_ID` is set), run
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add greenfield-inc/pane/html-explainer@sha256:fc3cede0b7f7962f

The line at the top of this page pins the label git:20260928.36b8b7d, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_npyt5gg6gxwwlo6j.svg)](https://markdownregistry.com/a/art_npyt5gg6gxwwlo6j)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 4 versions of this file, between Sep 24, 2026 and Sep 28, 2026, about one every 2 days.

versioncommittedcommitsizeaudit
git:20260928.36b8b7d latest2026-09-28 36b8b7d 6,409 BA view · diff
git:20260924.c3bd4b52026-09-24 c3bd4b5 6,219 BA view · diff
git:20260924.17234b52026-09-24 17234b5 6,263 BA view · diff
git:20260924.3aceaab2026-09-24 3aceaab 6,006 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (6409 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

greenfield-inc/pane · 603 stars · license a license file GitHub does not identify · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_npyt5gg6gxwwlo6j
GET https://markdownregistry.com/api/v1/resolve?ref=greenfield-inc/pane/html-explainer
GET https://markdownregistry.com/api/v1/blob/fc3cede0b7f7962fd6c796006bfc6399c21b6f7a898f705a6bde9a79320f859b

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from greenfield-inc/pane

AGENTS.md AGENTS.md file
greenfield-inc/pane · AGENTS.md
git:20261106.ff8d6ad · audit A · 603 stars
CLAUDE.md CLAUDE.md file
greenfield-inc/pane · CLAUDE.md
git:20261003.d9dc984 · audit B · 603 stars
babysit-pr SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/babysit-pr/SKILL.md · Use after a pull request is open to watch its CI and review-bot comments until it is ready. Fixes real findings…
git:20261105.60e9622 · audit A · 603 stars
brief SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/brief/SKILL.md · Use when a problem, idea, or change of intent is worth capturing as a long-form page, or the person asks to write it…
git:20260924.44e305d · audit A · 603 stars
bug-intake SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/bug-intake/SKILL.md · Use when the person reports broken behaviour or starts a session to file a bug. Reproduces and reports. Never fixes.
git:20260924.17234b5 · audit A · 603 stars
codebase-design SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/codebase-design/SKILL.md · Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find…
git:20260924.17234b5 · audit A · 603 stars
codebase-explorer SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/codebase-explorer/SKILL.md · Explore the codebase to locate files, trace behavior, and document existing patterns with precise file references. Use…
git:20260924.c3bd4b5 · audit A · 603 stars
cold-read SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/cold-read/SKILL.md · Have a fresh agent walk through something with zero context (a PR body, a landing page, a document, a process…
git:20260924.8f96a6a · audit A · 603 stars
create-ticket SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/create-ticket/SKILL.md · Capture work and evolving intent during discussion as one or more GitHub tickets, published briefs, or both. Use for…
git:20261105.60e9622 · audit A · 603 stars
discussion SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/discussion/SKILL.md · Have an interactive discussion about a topic, approach, feature, or bug without making code changes. Researches the…
git:20260924.17234b5 · audit A · 603 stars
eli5 SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/eli5/SKILL.md · Teach an unfamiliar topic from first principles with a picture-first HTML explanation, published to the workspace's…
git:20261105.60e9622 · audit A · 603 stars
excalidraw-pr-diagrams SKILL.md skill
greenfield-inc/pane · main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams/SKILL.md · Draw Excalidraw diagrams that make a visual argument, such as a pull request's before/after visual overview, an…
git:20261105.60e9622 · audit A · 603 stars

Every file in greenfield-inc/pane

Other files named html-explainer

html-explainer SKILL.md skill
dcouple/pane · main/src/services/paneChatBundle/skills/html-explainer/SKILL.md · The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography…
git:20260928.36b8b7d · audit A · 603 stars
html-explainer SKILL.md skill
onemoh/html-explainer · SKILL.md · 把任意主题做成讲解/科普视频并渲染成 MP4(HTML/CSS/GSAP 画面 + 确定性逐帧渲染 + 配音 + 词级硬字幕)。触发场景:要做科普/讲解/教学/知识/产品类视频、「讲一下 X…
v2.0.9 · audit A · 274 stars

Browse by kind, by grade A, or by owner.