HTML Explainer

Bygger polerte, kilde-jordede, spillbare enkelt-side eller lysbildepresentasjon web-forklaringer med en ekte kvalitetsloop.

av ds-vibe · ds-vibe/html-explainer

Bestått ★ 10.0/10

HTML Explainer — Bygger polerte, kilde-jordede, spillbare enkelt-side eller lysbildepresentasjon web-forklaringer med en ekte kvalitetsloop.

Hva den gjør

En tung prosessferdighet (omfangsintervju, forskningshette, anti-slop visuelt designsystem, obligatoriske spillbare mikro-demoer, skjermbilde-og-kritikk kvalitetsloop) for å gjøre et emne om til en selvstendig interaktiv HTML-forklaring. Utløses ved forespørsler om å bygge en interaktiv forklaring, guide, gjennomgang, eller en-sides, eller å gjøre materiale om til en visuell webside folk kan utforske.

Testrapport

Ekte A/B, gjengitt i nettleseren: ferdighetsbygget produserte en genuint spillbar Doppler-shift kanvas demo med fargekodede komprimerte/strukkede bølgefronter, redaksjonell serif/sans typografi, og et ekte assemble.mjs-injisert gjennomgangsoverlegg, mot en baseline som var nøyaktig malen emoji-hero/gradient-tekst/bento-kort som ferdighetens egen anti-slop-sjekkliste advarer mot.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

/html-explainerBygger polerte, kilde-jordede, spillbare enkelt-side eller lysbildepresentasjon web-forklaringer med en ekte kvalitetsloop.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →