Agent skill

Fireworks Open Eli5

by yizhiyanhua-ai in yizhiyanhua-ai/fireworks-open-eli5

Create evidence-aware, interactive visual explainers as self-contained offline HTML.

Apache-2.0Auto-check passedDocuments & Office

Install Fireworks Open Eli5

skills CLI
$ npx skills add yizhiyanhua-ai/fireworks-open-eli5 --skill fireworks-open-eli5 -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install yizhiyanhua-ai/fireworks-open-eli5 fireworks-open-eli5 --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
fireworks-open-eli5
GitHub stars
188
Token cost
~2.2k tokens
SKILL.md length
1,054 words
Files
47 (incl. scripts, references, assets)
Skills in repo
1
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create evidence-aware, interactive visual explainers as self-contained offline HTML.

  • Works in 10 steps: Identify the audience, question,… → Choose exactly one story grammar → Gather evidence. For repository work,… → …
  • A user asks to explain a concept
  • SKILL.md covers Non-negotiable boundary, Workflow, Report language and Story construction rules, plus 1 more section
  • Calls node

What it does

Fireworks Open Eli5 is an agent skill from yizhiyanhua-ai/fireworks-open-eli5. 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.

Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 50 other files, including scripts, reference files and assets (for example `.github/workflows/ci.yml`, `CHANGELOG.md` and `CODE_OF_CONDUCT.md`). Compatibility notes: Codex, Claude Code, or another Agent Skills-compatible host with Node.js 18+ and local file access; no npm packages or network access required at render time…

It sits in Documents & Office, covering Infographics. The repository describes itself as: Evidence-aware interactive visual explainers for Codex and Claude Code. The licence is Apache-2.0.

When your agent uses it

  • A user asks to explain a concept
  • Repository module
  • Engineering tradeoff
  • Incident with a diagram

Example prompts

  • “/fireworks-open-eli5”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): Codex, Claude Code, or another Agent Skills-compatible host with Node.js 18+ and local file access; no npm packages or network access required at render time. Native Pages export optionally requires macOS and Apple Pages.

Workflow steps

10 steps, taken from the first numbered list in SKILL.md.

  1. Identify the audience, question, language, and one thing that should travel
  2. Choose exactly one story grammar
  3. Gather evidence. For repository work, inspect actual files and use local
  4. Create a version 1 JSON spec following
  5. Validate before rendering
  6. Render to a new local file
  7. Validate the spec and artifact together
  8. When browser access is available, inspect the local artifact at desktop
  9. Exercise the reader workspace: open and dismiss the modal drawer by mouse
  10. Exercise export: confirm the print stylesheet, PNG signature and dimensions,

What it can do on your machine

Read from SKILL.md and the folder at commit e90d5f9. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Codex, Claude Code, or another Agent Skills-compatible host with Node.js 18+ and local file access; no npm packages or network access required at render time. Native Pages export optionally requires macOS and Apple Pages.

    From compatibility in the SKILL.md frontmatter.

Context cost

Fireworks Open Eli5 loads about 2.2k tokens when it runs, and up to ~6.6k if it reads all its reference files. Until then it costs about 107 tokens; SKILL.md has 1,054 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~107
When it runs · the whole SKILL.md, loaded when a task matches
~2.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~6.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from yizhiyanhua-ai/fireworks-open-eli5 at commit e90d5f9, republished under its Apache-2.0 licence (© yizhiyanhua-ai). 1,054 words, ~2,199 tokens.

Download SKILL.mdSave it as .claude/skills/fireworks-open-eli5/SKILL.md (or your agent's skills folder). This skill also uses 46 other files; get the full folder from GitHub.
name
fireworks-open-eli5
description
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.
compatibility
Codex, Claude Code, or another Agent Skills-compatible host with Node.js 18+ and local file access; no npm packages or network access required at render time. Native Pages export optionally requires macOS and Apple Pages.
license
Apache-2.0

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.

Non-negotiable boundary

  • Evidence comes before visual polish. Label every evidence item verified, inferred, or analogy.
  • Never make an analogy look like implementation truth.
  • A generated local HTML file is only generated. It is not published, uploaded, sent, or destination-verified.
  • Do not publish, upload, send, or change access without the user's explicit request and the destination workflow's own verification.
  • Rendering performs no network calls. A cited URL is a reader-facing link, not 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.
  • Browser-local history, favorites, and annotations are disabled until the reader opts in. They are convenience state, not evidence and never modify the source spec or generated artifact.
  • Describe history precisely as same-origin explainers previously opened in that browser. Never claim that it enumerates every generated file.
  • PDF export invokes the browser print dialog. PNG exports one scene; PPTX and 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.

Workflow

  1. Identify the audience, question, language, and one thing that should travel through the story: a request, packet, decision, event, or user action.

  2. Choose exactly one story grammar:

    • 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.
  3. Gather evidence. For repository work, inspect actual files and use local paths. For external claims, use authoritative sources when available. Record uncertainty explicitly.

  4. Create a version 1 JSON spec following 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.

  5. Validate before rendering:

    bash
    node scripts/validate.mjs path/to/spec.json
  6. Render to a new local file:

    bash
    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.

  7. Validate the spec and artifact together:

    bash
    node scripts/validate.mjs path/to/spec.json path/to/explainer.html
  8. When browser access is available, inspect the local artifact at desktop 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.

  9. Exercise the reader workspace: open and dismiss the modal drawer by mouse 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.

Report language

  • Write the final QA, status, handoff, and generated-artifact report in the language of the user's latest substantive request by default.
  • An explicit report-language request overrides that default.
  • spec.language controls the generated explainer interface only; it does not force the conversation report language.
  • In mixed-language conversations, ignore short acknowledgements when choosing 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.

Show full SKILL.md (394 more words)Show less

Story construction rules

  • Write the title as a concrete promise, not a category label.
  • Keep the summary to one sentence and every node to one responsibility.
  • Prefer 3–5 scenes. Use 6–7 only when omitting a stage would distort causality.
  • Edges are relationships or actions. Use short verbs on labels.
  • The trace must visit real node IDs in a meaningful order.
  • Use failure data only when impact, visible symptom, and fallback are known.
  • Keep the simple layer accurate enough to survive the technical layer.
  • Put limitations in truthLadder.caveat, not in tiny disclaimers.
  • Use source IDs on the scenes or nodes they support.
  • Do not cite a source merely because it is adjacent to the claim.

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.

Quality gate

The work is ready as a local artifact only when:

  • the validator returns ok: true for the spec and rendered HTML;
  • all IDs and references resolve;
  • every required interactive section has content;
  • the selected story mode passes its own semantic contract;
  • the HTML is deterministic and carries the spec SHA-256 meta tag;
  • the artifact byte-matches the supplied spec and uses trusted CSP hashes;
  • the artifact has no external resources, unsafe runtime APIs, or remote fonts;
  • persisted reader state is opt-in, namespaced, bounded, same-origin, and kept outside the deterministic spec hash;
  • annotations are rendered only as text and cannot create executable markup;
  • global and local playback share one state machine and never run together;
  • each trace step activates the real outgoing relationship path (or a sink's incoming path), keeps label and arrow state aligned, and highlights only the evidence that supports that step;
  • scene evidence cards preserve verified/inferred/analogy boundaries and expose core text plus an actionable locator without fetching remote previews;
  • scene PNG, PPTX, and DOCX packages have the expected signatures and structure and contain their evidence footer; a claimed native Pages export has also reopened in Pages;
  • mobile uses the stacked flow rather than shrinking the desktop SVG;
  • the final report follows the user's current interaction language, names the 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.

© yizhiyanhua-ai, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 46 other files (scripts, references, assets) in the repository root of yizhiyanhua-ai/fireworks-open-eli5.

  • SKILL.md
  • .github/workflows/ci.yml
  • .gitignore
  • CHANGELOG.md
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • LICENSE
  • NOTICE
  • README.md
  • README.zh.md
  • SECURITY.md
  • agents/openai.yaml
  • assets/example-spec.json
  • assets/explainer-shell.html
  • assets/logo-128.png
  • assets/logo-32.png
  • assets/logo-64.png
  • … and 30 more

Open the folder on GitHubat commit e90d5f9

Compare with similar skills

Fireworks Open Eli5 next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Fireworks Open Eli5 compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fireworks Open Eli5 this skillyizhiyanhua-ai/fireworks-open-eli5188—~2.2kAutomated safety check: PassApache-2.0
Threads Carouselitchernetski/threads-carousel-claude-skill110—~3.5kAutomated safety check: PassMIT
Social Media Carouseldanielmeppiel/agentic-sdlc-handbook1581 repos~2.2kAutomated safety check: PassCustom licence
Reimagine ItKayforkind/reimagine-it205—~11kAutomated safety check: PassMIT
Linkedin Carousel Generatordmccreary/ibook-skills105—~3.7kAutomated safety check: PassCC-BY-NC-4.0
Data ReportZJU-REAL/Easel3.4k—~479Automated safety check: PassApache-2.0

Similar skills

  • Threads Carousel

    itchernetski/threads-carousel-claude-skill

    Convert text posts into visual carousel images or presentations for Threads, Instagram, LinkedIn, TikTok, YouTube.

    110 GitHub stars~3.5k tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed
  • Social Media Carousel

    danielmeppiel/agentic-sdlc-handbook

    Multi-slide carousel design for Instagram, LinkedIn, and Twitter/X with layout rules and hooks.

    158 GitHub starsUsed in 1 repo~2.2k tokens
    Documents & OfficeAuto-check passed
  • Reimagine It

    Kayforkind/reimagine-it

    Content-Derived Design — reads existing HTML and writes a stronger standalone page from headings, facts, names, dates, numbers, links, emails, and colors already in that file.

    205 GitHub stars~11k tokensUpdated 4 days ago
    Documents & OfficeAuto-check passed
  • Linkedin Carousel Generator

    dmccreary/ibook-skills

    Generates a 13-slide LinkedIn carousel (a "document post" — PPTX/PDF) that showcases an intelligent textbook's key features, with real screenshots, mascot art, and metrics pulled from the project.

    105 GitHub stars~3.7k tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Data Report

    ZJU-REAL/Easel

    把 CSV、Excel 或 JSON 数据生成包含 KPI、图表和洞察的完整可视化报告页。当用户说“数据报告、CSV/Excel 转报告、做 KPI 看板、生成可视化报告页”时使用。单张图表用 chart-visualization;信息图或 GIF 动画图表用 infographic。

    3.4k GitHub stars~479 tokensUpdated 2 days ago
    Documents & OfficeAuto-check passed
  • Visual Explainer

    jamditis/claude-skills-journalism

    HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews.

    416 GitHub stars~11k tokensUpdated 6 days ago
    Documents & OfficeAuto-check passed

Questions about Fireworks Open Eli5

What does Fireworks Open Eli5 do?

Create evidence-aware, interactive visual explainers as self-contained offline HTML. Fireworks Open Eli5 is an agent skill from yizhiyanhua-ai/fireworks-open-eli5. Create evidence-aware, interactive visual explainers as self-contained offline HTML.

When should I use Fireworks Open Eli5?

Fireworks Open Eli5 fits situations like: A user asks to explain a concept; repository module; engineering tradeoff; incident with a diagram.

How do I install Fireworks Open Eli5 in Claude Code?

Run `npx skills add yizhiyanhua-ai/fireworks-open-eli5 --skill fireworks-open-eli5 -a claude-code`. Or copy the skill folder (the yizhiyanhua-ai/fireworks-open-eli5 repository) into .claude/skills/fireworks-open-eli5 in your project. Claude Code loads it when a task matches its description.

How do I install Fireworks Open Eli5 in Codex?

Run `npx skills add yizhiyanhua-ai/fireworks-open-eli5 --skill fireworks-open-eli5 -a codex`. Or copy the skill folder (the yizhiyanhua-ai/fireworks-open-eli5 repository) into .agents/skills/fireworks-open-eli5 in your project. Codex loads it when a task matches its description.

Can I use Fireworks Open Eli5 in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add yizhiyanhua-ai/fireworks-open-eli5 --skill fireworks-open-eli5 -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fireworks-open-eli5, .gemini/skills/fireworks-open-eli5, .github/skills/fireworks-open-eli5 and .opencode/skills/fireworks-open-eli5 in your project.

What does Fireworks Open Eli5 need to run?

Going by SKILL.md and its folder, Fireworks Open Eli5 needs the command-line tools its instructions call (node). Our summary lists: Node.js. Compatibility (from SKILL.md): Codex, Claude Code, or another Agent Skills-compatible host with Node.js 18+ and local file access; no npm packages or network access required at render time. Native Pages export optionally requires macOS and Apple Pages..

Does Fireworks Open Eli5 access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Fireworks Open Eli5 safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Fireworks Open Eli5 use?

Fireworks Open Eli5 is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Fireworks Open Eli5 use?

About 2.2k tokens (SKILL.md is roughly 8.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.4k tokens, read only when the agent opens those files.

What are the alternatives to Fireworks Open Eli5?

Skills that share tags, products or a category with Fireworks Open Eli5: Threads Carousel (itchernetski/threads-carousel-claude-skill, 110 stars), Social Media Carousel (danielmeppiel/agentic-sdlc-handbook, 158 stars), Reimagine It (Kayforkind/reimagine-it, 205 stars) and Linkedin Carousel Generator (dmccreary/ibook-skills, 105 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Fireworks Open Eli5?

yizhiyanhua-ai (a GitHub organization) maintains it in yizhiyanhua-ai/fireworks-open-eli5, which has 188 GitHub stars. The repository was last updated on August 24, 2026.

Source: yizhiyanhua-ai/fireworks-open-eli5 on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.