HTML Explainer

Vytváří uhlazené, zdrojově podložené, hratelné jednokanálové nebo prezentační webové vysvětlivky s reálnou smyčkou kvality.

od ds-vibe · ds-vibe/html-explainer

Otestováno · Funguje ★ 10.0/10

HTML Explainer — Vytváří uhlazené, zdrojově podložené, hratelné jednokanálové nebo prezentační webové vysvětlivky s reálnou smyčkou kvality.

Co umí

Těžkopádná procesní dovednost (náborový pohovor, výzkumný limit, vizuální designový systém proti slopu, povinné hratelné mikro-demo, smyčka kvality s obrazovkou a kritikou) pro přeměnu tématu na samostatnou interaktivní HTML vysvětlivku. Spouští se při požadavcích na vytvoření interaktivní vysvětlivky, průvodce, návodu nebo jednostránkového dokumentu, nebo na přeměnu materiálu na vizuální webovou stránku, kterou lidé mohou prozkoumat.

Testovací report

Skutečné A/B, vykreslené v prohlížeči: sestavení dovednosti vyprodukovalo skutečně hratelné demo plátna Dopplerova posuvu s barevně odlišenými stlačenými/nataženými vlnoplochami, redakční serifovou/sansovou typografií a skutečnou revizní překryvnou vrstvou injektovanou assemble.mjs, oproti základní linii, která byla přesně šablonou emoji-hero/gradient-text/bento-card, před kterou varuje samotný kontrolní seznam proti slopu dovednosti.

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

Instalace

git clone https://github.com/ds-vibe/html-explainer
mkdir -p ~/.claude/skills
cp -r html-explainer ~/.claude/skills/html-explainer

Příkazy a ukázkové prompty

/html-explainerVytváří uhlazené, zdrojově podložené, hratelné jednokanálové nebo prezentační webové vysvětlivky s reálnou smyčkou kvality.

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

Build a small interactive one-pager explaining the Doppler effect
Turn this topic into a playable web guide people can click through
Make a self-contained explainer page with a working micro-demo on it

Kompletní testovací report (anglicky) →