SkillProof tested Claude skills

HTML Explainer

Bouwt gepolijste, bron-gegronde, speelbare single-page of slide-deck web explainers met een echte kwaliteitsloop.

Door ds-vibe · ds-vibe/html-explainer

Getest · Werkt ★ 10.0/10

HTML Explainer — Bouwt gepolijste, bron-gegronde, speelbare single-page of slide-deck web explainers met een echte kwaliteitsloop.

Wat het doet

Een zware proces skill (scoping interview, research cap, anti-rommel visueel ontwerpsysteem, verplichte speelbare micro-demo's, screenshot-en-kritiek kwaliteitsloop) voor het omzetten van een onderwerp in een zelfstandige interactieve HTML explainer. Triggers bij verzoeken om een interactieve explainer, gids, walkthrough, of one-pager te bouwen, of om materiaal om te zetten in een visuele webpagina die mensen kunnen verkennen.

Testrapport

Echte A/B, gerenderd in de browser: de skill build produceerde een werkelijk speelbare Doppler-shift canvas demo met kleurgecodeerde gecomprimeerde/uitgerekte golfvormen, redactionele serif/sans typografie, en een echte assemble.mjs-geïnjecteerde review overlay, tegenover een baseline die precies de emoji-hero/gradient-text/bento-card template was waar de eigen anti-slop checklist van de skill voor waarschuwt.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /html-explainerBouwt gepolijste, bron-gegronde, speelbare single-page of slide-deck web explainers met een echte kwaliteitsloop.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →