HTML Portal Generator

Zet een codebase om in een enkele zelfstandige HTML-portal die offline werkt op file:// met

Door athola · athola/skrills

Getest · Werkt ★ 9.2/10

HTML Portal Generator — Zet een codebase om in een enkele zelfstandige HTML-portal die offline werkt op file:// met

Wat het doet

Converteert een codebase naar één zelfstandig HTML-bestand met ingebedde CSS, JS en data, gestructureerd als een tabblad-single-page app die offline draait op het file:// protocol. Activeert wanneer je vraagt om een standalone interactieve portal of browsebare app te genereren vanuit een repo. Handhaaft een Fase-7 kwaliteitscontrole: JS moet parsen, tabbladen moeten naar views mappen, klembord moet terugvallen op execCommand, en geen dode klikken.

Testrapport

Bouwde twee portals voor dezelfde kleine CLI-codebase - één baseline, één volgens de Fase-5/7 regels van de skill - en voerde de eigen checklist van de skill over beide uit. De skill-versie slaagde voor alle zes controles; de baseline faalde vier: het leverde een emdash, gebruikte vijf inline onclick handlers, had geen light-mode ondersteuning, en vertrouwde cruciaal op navigator.clipboard zonder execCommand fallback, dus kopiëren naar klembord faalt stilzwijgend op het file:// protocol dat de skill expliciet target. De skill-versie voegde data-view-to-id matching, een toast feedback systeem, en de klembord fallback toe, allemaal geverifieerd door node parsing en statische controles. De checklist die het voorschrijft is concreet en vangt echte hiaten op in plaats van decoratief te zijn.

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

Installatie

git clone https://github.com/athola/skrills
mkdir -p ~/.claude/skills
cd skrills && cp -r skills/html-portal-generator ~/.claude/skills/html-portal-generator

Commando's en voorbeeldprompts

  • /html-portal-generatorZet een codebase om in een enkele zelfstandige HTML-portal die offline werkt op file:// met

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

  • Turn this repo into a single offline HTML portal I can browse
  • Build a self-contained HTML app from this codebase for file:// use
  • Generate a tabbed single-page portal with no external dependencies