Generate Explainer HTML

Převádí core.yaml+view.yaml na sandboxovaný, offline HTML balíček s vysvětlivkami a světlým/tmavým režimem.

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

Otestováno · Funguje ★ 9.2/10

Generate Explainer HTML — Převádí core.yaml+view.yaml na sandboxovaný, offline HTML balíček s vysvětlivkami a světlým/tmavým režimem.

Co umí

Sestavuje soběstačný HTML balíček z dvojice core.yaml/view.yaml (+ volitelně quiz.yaml) vytvořené sourozeneckou dovedností generate-explainer-yaml, což čtenářům poskytuje vysvětlení dokumentu, repozitáře, PR nebo specifikace v záložkách s přepínatelnými pohledy. Spouští se, když uživatel má nebo chce dvojici core.yaml/view.yaml a žádá o vizuální HTML vysvětlivky, nebo chce do existujícího balíčku přidat další přepínatelný pohled (tabulka, karty, faq, kvíz atd.).

Testovací report

Ručně vytvořen jeden sandboxovaný iframe pohled podle pravidel a znovu spuštěny přesné kontroly zakázaných vzorů, které používá scripts/validate_html.py (fetch/localStorage/http://, atd.) pomocí grep – nula nálezů, takže slib 'offline, soběstačný, bezpečný' skutečně obstál proti vlastním pravidlům.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

/generate-explainer-htmlPřevádí core.yaml+view.yaml na sandboxovaný, offline HTML balíček s vysvětlivkami a světlým/tmavým režimem.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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

Kompletní testovací report (anglicky) →