Generate Explainer HTML

Przekształca core.yaml+view.yaml w odizolowany, działający offline pakiet HTML z objaśnieniami (tryb jasny/ciemny).

Autor: hirokita117 · hirokita117/yaml-to-html-skill

Testowano · Działa ★ 9.2/10

Generate Explainer HTML — Przekształca core.yaml+view.yaml w odizolowany, działający offline pakiet HTML z objaśnieniami (tryb jasny/ciemny).

Co robi ten skill

Składa samowystarczalny pakiet HTML z pary core.yaml/view.yaml (+ opcjonalnie quiz.yaml) wyprodukowanej przez siostrzaną umiejętność generate-explainer-yaml, dając czytelnikom objaśnienie dokumentu, repozytorium, PR-a lub specyfikacji w formie zakładek z przełączanymi widokami. Uruchamia się, gdy użytkownik ma lub chce parę core.yaml/view.yaml i prosi o wizualne objaśnienie w HTML, lub chce dodać kolejny przełączalny widok (tabela, karty, FAQ, quiz itp.) do istniejącego pakietu.

Raport z testu

Ręcznie stworzono jeden widok iframe w piaskownicy zgodnie z jej zasadami i ponownie uruchomiono te same sprawdzenia zabronionych wzorców, których używa scripts/validate_html.py (fetch/localStorage/http://, itp.) za pomocą grep — zero trafień, więc obietnica 'offline, samowystarczalny, bezpieczny' faktycznie została dotrzymana w świetle własnych reguł.

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

Instalacja

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

Komendy i przykładowe prompty

/generate-explainer-htmlPrzekształca core.yaml+view.yaml w odizolowany, działający offline pakiet HTML z objaśnieniami (tryb jasny/ciemny).

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →