Generate Explainer HTML

Trasforma core.yaml+view.yaml in un bundle HTML esplicativo sandboxed, offline, con tema chiaro/scuro.

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

Promosso ★ 9.2/10

Generate Explainer HTML — Trasforma core.yaml+view.yaml in un bundle HTML esplicativo sandboxed, offline, con tema chiaro/scuro.

Cosa fa

Assembla un bundle HTML autonomo da una coppia core.yaml/view.yaml (+ quiz.yaml opzionale) prodotta dalla skill sorella generate-explainer-yaml, fornendo ai lettori una spiegazione a schede e commutabile di un documento, repository, PR o specifica. Si attiva quando l'utente ha o desidera una coppia core.yaml/view.yaml e chiede un explainer HTML visivo, o vuole aggiungere un'altra vista commutabile (tabella, schede, faq, quiz, ecc.) a un bundle esistente.

Rapporto di test

Creata manualmente una vista iframe sandboxed secondo le sue regole e rieseguiti gli stessi controlli sui pattern proibiti usati da scripts/validate_html.py (fetch/localStorage/http://, ecc.) tramite grep — zero corrispondenze, quindi la promessa di 'offline, autonomo, sicuro' ha effettivamente rispettato le proprie regole.

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

Installazione

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

Comandi e prompt di esempio

/generate-explainer-htmlTrasforma core.yaml+view.yaml in un bundle HTML esplicativo sandboxed, offline, con tema chiaro/scuro.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →