SkillProof tested Claude skills

Generate Explainer HTML

Zet core.yaml+view.yaml om in een gesandboxte, offline light/dark HTML-uitlegbundel.

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

Getest · Werkt ★ 9.2/10

Generate Explainer HTML — Zet core.yaml+view.yaml om in een gesandboxte, offline light/dark HTML-uitlegbundel.

Wat het doet

Stelt een opzichzelfstaande HTML-bundel samen uit een core.yaml/view.yaml (+ optioneel quiz.yaml) paar, geproduceerd door de zusterskill generate-explainer-yaml, wat lezers een getabde, schakelbare uitleg geeft van een document, repo, PR of specificatie. Triggert wanneer de gebruiker een core.yaml/view.yaml-paar heeft of wil en om een visuele HTML-uitleg vraagt, of een andere schakelbare weergave (tabel, kaarten, faq, quiz, etc.) wil toevoegen aan een bestaande bundel.

Testrapport

Handmatig één gesandboxte iframe-weergave gemaakt volgens de regels en dezelfde controles op verboden patronen die scripts/validate_html.py gebruikt (fetch/localStorage/http://, etc.) opnieuw uitgevoerd via grep — nul treffers, dus de belofte 'offline, opzichzelfstaand, veilig' hield daadwerkelijk stand tegen zijn eigen regelboek.

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

Installatie

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

Commando's en voorbeeldprompts

  • /generate-explainer-htmlZet core.yaml+view.yaml om in een gesandboxte, offline light/dark HTML-uitlegbundel.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →