Generate Explainer HTML

Transforme core.yaml+view.yaml en un bundle explicatif HTML sandboxed, hors ligne, avec thèmes clair/sombre.

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

Testé · Fonctionne ★ 9.2/10

Generate Explainer HTML — Transforme core.yaml+view.yaml en un bundle explicatif HTML sandboxed, hors ligne, avec thèmes clair/sombre.

Ce que fait

Assemble un bundle HTML autonome à partir d'une paire core.yaml/view.yaml (+ quiz.yaml optionnel) produite par la compétence sœur generate-explainer-yaml, offrant aux lecteurs une explication à onglets et commutable d'un document, dépôt, PR ou spec. Se déclenche lorsque l'utilisateur a ou veut une paire core.yaml/view.yaml et demande un explicateur HTML visuel, ou veut ajouter une autre vue commutable (tableau, cartes, faq, quiz, etc.) à un bundle existant.

Rapport de test

Créé manuellement une vue iframe sandboxed selon ses règles et ré-exécuté via grep les vérifications exactes de motifs interdits que scripts/validate_html.py utilise (fetch/localStorage/http://, etc.) — zéro résultat, donc la promesse 'hors ligne, autonome, sûr' a bien été tenue par rapport à ses propres règles.

Testé le: 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

Commandes et exemples de prompts

/generate-explainer-htmlTransforme core.yaml+view.yaml en un bundle explicatif HTML sandboxed, hors ligne, avec thèmes clair/sombre.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →