HTML Portal Generator
Eine Codebasis in ein einziges, eigenständiges HTML-Portal verwandeln, das offline unter file:// funktioniert
Getestet · Funktioniert
Was es kann
Converts a codebase into one self-contained HTML file with embedded CSS, JS, und data, structured as a tabbed single-page app that runs offline on the file:// protocol. Wird ausgelöst, wenn Sie einen standalone interactive portal oder browsable app from a repo generieren möchten. Enforces a Phase-7 quality gate: JS must parse, tabs must map to views, clipboard must fall back to execCommand, und no dead clicks.
Testbericht
Built two portals for the same tiny CLI codebase - one baseline, one following the skill's Phase-5/7 rules - und ran the skill's own checklist over both. The skill version passed all six checks; the baseline failed four: it shipped an emdash, used five inline onclick handlers, had no light-mode support, und crucially relied on navigator.clipboard with no execCommand fallback, so copy-to-clipboard silently breaks on the file:// protocol the skill explicitly targets. The skill version added data-view-to-id matching, a toast feedback system, und the clipboard fallback, all verified by node parsing und static checks. The checklist it prescribes ist concrete und catches real gaps rather than being decorative.
Getestet am: 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
Befehle & Beispiel-Prompts
/html-portal-generatorEine Codebasis in ein einziges, eigenständiges HTML-Portal verwandeln, das offline unter file:// funktioniert
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
Turn this repo into a single offline HTML portal I can browseBuild a self-contained HTML app from this codebase for file:// useGenerate a tabbed single-page portal with no external dependencies