HTML Portal Generator

Transforme une base de code en un portail HTML unique et autonome qui fonctionne hors ligne sur file:// avec

par athola · athola/skrills

Testé · Fonctionne ★ 9.2/10

HTML Portal Generator — Transforme une base de code en un portail HTML unique et autonome qui fonctionne hors ligne sur file:// avec

Ce que fait

Convertit une base de code en un seul fichier HTML autonome avec CSS, JS et données intégrés, structuré comme une application monopage à onglets qui fonctionne hors ligne sur le protocole file://. Se déclenche lorsque vous demandez de générer un portail interactif autonome ou une application navigable à partir d'un dépôt. Applique une porte de qualité Phase-7 : le JS doit être analysable, les onglets doivent correspondre aux vues, le presse-papiers doit se replier sur execCommand, et pas de clics morts.

Rapport de test

Construit deux portails pour la même petite base de code CLI — un de référence, un suivant les règles Phase-5/7 de la compétence — et a exécuté la propre checklist de la compétence sur les deux. La version de la compétence a passé les six vérifications ; la référence en a échoué quatre : elle a livré un tiret cadratin, utilisé cinq gestionnaires onclick en ligne, n'avait pas de support de mode clair, et surtout s'appuyait sur navigator.clipboard sans repli execCommand, donc le copier-coller se casse silencieusement sur le protocole file:// que la compétence cible explicitement. La version de la compétence a ajouté la correspondance data-view-to-id, un système de feedback toast, et le repli du presse-papiers, tous vérifiés par l'analyse de nœuds et les vérifications statiques. La checklist qu'elle prescrit est concrète et détecte de réelles lacunes plutôt que d'être décorative.

Testé le: 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

Commandes et exemples de prompts

  • /html-portal-generatorTransforme une base de code en un portail HTML unique et autonome qui fonctionne hors ligne sur file:// avec

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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