Generate Explainer HTML

Omdanner core.yaml+view.yaml til et sandboxed, offline light/dark HTML-forklarings-bundle.

Af hirokita117 · hirokita117/yaml-to-html-skill

Testet · Virker ★ 9.2/10

Generate Explainer HTML — Omdanner core.yaml+view.yaml til et sandboxed, offline light/dark HTML-forklarings-bundle.

Hvad det gør

Sammensætter et selvstændigt HTML-bundle fra et core.yaml/view.yaml (+ valgfri quiz.yaml) par, produceret af søskende-skill'en generate-explainer-yaml, hvilket giver læsere en faneopdelt, omskiftelig forklaring af et dokument, repo, PR eller spec. Udløses, når brugeren har eller ønsker et core.yaml/view.yaml-par og beder om en visuel HTML-forklaring, eller ønsker at tilføje en anden omskiftelig visning (tabel, kort, FAQ, quiz, etc.) til et eksisterende bundle.

Testrapport

Håndkodede en sandboxed iframe-visning efter dens regler og genkørte de præcise forbudte-mønster-tjek, som scripts/validate_html.py bruger (fetch/localStorage/http://, etc.) via grep — nul hits, så løftet om 'offline, selvstændig, sikker' holdt faktisk stik i forhold til sit eget regelsæt.

Testet: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/hirokita117/yaml-to-html-skill
cd yaml-to-html-skill
mkdir -p ~/.claude/skills
cp -r skills/generate-explainer-html ~/.claude/skills/generate-explainer-html

Kommandoer og eksempelprompter

/generate-explainer-htmlOmdanner core.yaml+view.yaml til et sandboxed, offline light/dark HTML-forklarings-bundle.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Turn this core.yaml and view.yaml into a shareable HTML explainer
Build an offline explainer page for this repo with light and dark mode
Package our spec into a tabbed HTML doc people can open without internet

Læs hele rapporten →