Create evidence-aware, interactive visual explainers as self-contained offline HTML. Use when a user asks to explain a concept, repository module, engineering tradeoff, or incident with a diagram, walkthrough, ELI5 treatment, data/request trace, failure view, or teach-back. Do not use for a plain short answer, ordinary prose rewrite, generic website implementation, or unsupported claims presented as facts.
npx skills add https://github.com/yizhiyanhua-ai/fireworks-open-eli5 --skill fireworks-open-eli5
Turn a difficult system into a truthful visual story. Produce a portable JSON
spec first, then a deterministic, self-contained HTML explainer.
verified,inferred, or analogy.
generated. It is not published,uploaded, sent, or destination-verified.
request and the destination workflow's own verification.
a runtime dependency. The optional native Pages action may call only the
bundled same-origin helper on 127.0.0.1; it must never contact a remote
service.
reader opts in. They are convenience state, not evidence and never modify the
source spec or generated artifact.
that browser. Never claim that it enumerates every generated file.
Pages-compatible DOCX export one scene per slide or page. Native .pages
output is allowed only after the installed Pages app really saves it; never
rename a DOCX to .pages. Generated downloads are local artifacts only.
through the story: a request, packet, decision, event, or user action.
concept: intuition → mechanism → boundary.module: entry point → transformations → outputs/dependencies.tradeoff: shared goal → competing options → consequences/decision rule.incident: normal path → break and propagation → detection/recovery.paths. For external claims, use authoritative sources when available. Record
uncertainty explicitly.
references/spec-contract.md. Use 3–7 scenes,
2–6 nodes per scene, a complete truth ladder, trace, glossary, teach-back,
evidence map, and the required mode-specific modeData. Add failure
information to consequential nodes.
node scripts/validate.mjs path/to/spec.json
node scripts/render.mjs path/to/spec.json path/to/explainer.html
The renderer refuses an existing path. Only when the user explicitly wants
to replace a known regular file, append --force. Forced rendering uses an
atomic replacement and still refuses symbolic links and non-file paths.
node scripts/validate.mjs path/to/spec.json path/to/explainer.html
width and 390px. Confirm one h1, readable labels, no horizontal overflow,
keyboard focus, independent tablists, global and scene-local playback,
viewport following, active real-edge and evidence-card synchronization,
enter/hold/exit animation phases, failure lens, answer reveals, and zero
remote resource requests. Every scene evidence card must expose its status,
concise core basis, support scope, and a URL or explicit no-locator boundary.
and keyboard; confirm focus return; enable the library intentionally; reload
and verify favorites and a plain-text annotation; and confirm history
contains only same-origin explainers that were actually opened. Use a
markup-shaped annotation to verify it stays inert text.
10. Exercise export: confirm the print stylesheet, PNG signature and dimensions,
PPTX and DOCX ZIP signatures and required OOXML parts, and the fallback
download link when automatic downloads are suppressed. Visually confirm
that scene artwork includes a bounded evidence footer with status, core
basis, and source locator or boundary. When native Pages is in scope, run
through scripts/serve.mjs, verify the .pages package contains
Index/Document.iwa, then reopen it in Pages. Fix the spec or template and
rerun both validators after any change.
language of the user's latest substantive request by default.
spec.language controls the generated explainer interface only; it does notforce the conversation report language.
the report language. Preserve code, commands, paths, identifiers, exact
errors, and source titles when translation would reduce precision.
Read references/reporting.md for the full language
selection and delivery-report contract.
truthLadder.caveat, not in tiny disclaimers.Read references/story-grammars.md for mode
patterns, references/evidence-rules.md for
claim boundaries, and references/visual-system.md
before changing the renderer's visual language. Read
references/library-and-export.md before
changing persistence, navigation, playback, or export behavior.
The work is ready as a local artifact only when:
ok: true for the spec and rendered HTML;outside the deterministic spec hash;
incoming path), keeps label and arrow state aligned, and highlights only the
evidence that supports that step;
core text plus an actionable locator without fetching remote previews;
structure and contain their evidence footer; a claimed native Pages export
has also reopened in Pages;
generated spec and HTML paths, and says whether desktop, mobile, persistence,
playback, evidence, and export browser QA were run.
If evidence is incomplete, generate only when the evidence map and caveat make
the gap unmistakable. Otherwise stop and report the missing evidence.
Take yizhiyanhua-ai/fireworks-open-eli5 from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.