Generate Explainer HTML

Gjør om core.yaml+view.yaml til en sandboxed, offline lys/mørk HTML-forklaringspakke.

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

Bestått ★ 9.2/10

Generate Explainer HTML — Gjør om core.yaml+view.yaml til en sandboxed, offline lys/mørk HTML-forklaringspakke.

Hva den gjør

Setter sammen en selvstendig HTML-pakke fra et core.yaml/view.yaml (+ valgfri quiz.yaml) par produsert av søskenferdigheten generate-explainer-yaml, som gir leserne en fanebasert, vekslebar forklaring av et dokument, repo, PR eller spec. Utløses når brukeren har eller ønsker et core.yaml/view.yaml-par og ber om en visuell HTML-forklaring, eller ønsker å legge til en annen vekslebar visning (tabell, kort, FAQ, quiz, etc.) til en eksisterende pakke.

Testrapport

Håndskrev en sandboxed iframe-visning i henhold til reglene og kjørte de nøyaktige kontrollene for forbudte mønstre som scripts/validate_html.py bruker (fetch/localStorage/http://, etc.) via grep — null treff, så løftet om 'offline, selvstendig, trygg' holdt faktisk mål mot sitt eget regelverk.

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

Installer

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-htmlGjør om core.yaml+view.yaml til en sandboxed, offline lys/mørk HTML-forklaringspakke.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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

Full rapport →