HTML Portal Generator

Förvandla en kodbas till en enda självständig HTML-portal som fungerar offline på file:// med

av athola · athola/skrills

Testad · Fungerar ★ 9.2/10

HTML Portal Generator — Förvandla en kodbas till en enda självständig HTML-portal som fungerar offline på file:// med

Vad den gör

Konverterar en kodbas till en enda självständig HTML-fil med inbäddad CSS, JS och data, strukturerad som en flikbaserad single-page app som körs offline på file://-protokollet. Utlöses när du ber att generera en fristående interaktiv portal eller bläddringsbar app från ett repo. Upprätthåller en Phase-7 kvalitetsgrind: JS måste parsas, flikar måste mappa till vyer, urklipp måste falla tillbaka till execCommand, och inga döda klick.

Testrapport

Byggde två portaler för samma lilla CLI-kodbas – en baslinje, en enligt färdighetens Phase-5/7-regler – och körde färdighetens egen checklista över båda. Färdighetsversionen klarade alla sex kontroller; baslinjen misslyckades med fyra: den levererade ett emdash, använde fem inline onclick-hanterare, hade inget light-mode-stöd, och förlitade sig avgörande på navigator.clipboard utan execCommand-fallback, så kopiera-till-urklipp bryts tyst på file://-protokollet som färdigheten explicit riktar sig mot. Färdighetsversionen lade till data-view-to-id-matchning, ett toast-återkopplingssystem och urklipps-fallback, allt verifierat genom nodeparsning och statiska kontroller. Checklistan den föreskriver är konkret och fångar verkliga luckor snarare än att vara dekorativ.

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

Installation

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

Kommandon och exempelprompter

  • /html-portal-generatorFörvandla en kodbas till en enda självständig HTML-portal som fungerar offline på file:// med

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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