SkillProof tested Claude skills

HTML Portal Generator

Convierte una base de código en un único portal HTML autocontenido que funciona sin conexión en file:// con

Por athola · athola/skrills

Probado · Funciona ★ 9.2/10

HTML Portal Generator — Convierte una base de código en un único portal HTML autocontenido que funciona sin conexión en file:// con

Qué hace

Convierte una base de código en un único archivo HTML autocontenido con CSS, JS y datos incrustados, estructurado como una aplicación de una sola página con pestañas que se ejecuta sin conexión en el protocolo file://. Se activa cuando pides generar un portal interactivo o una aplicación navegable independiente a partir de un repositorio. Aplica una puerta de calidad de Fase-7: JS debe analizarse, las pestañas deben mapearse a vistas, el portapapeles debe recurrir a execCommand y no debe haber clics muertos.

Informe de la prueba

Construí dos portales para la misma pequeña base de código CLI —uno de línea base, otro siguiendo las reglas de Fase-5/7 de la habilidad— y ejecuté la propia lista de verificación de la habilidad en ambos. La versión de la habilidad pasó las seis verificaciones; la línea base falló cuatro: envió un guion largo, usó cinco manejadores onclick en línea, no tenía soporte para modo claro y, crucialmente, dependía de navigator.clipboard sin un fallback de execCommand, por lo que copiar al portapapeles falla silenciosamente en el protocolo file:// que la habilidad apunta explícitamente. La versión de la habilidad añadió coincidencia data-view-to-id, un sistema de retroalimentación toast y el fallback del portapapeles, todo verificado por análisis de nodos y verificaciones estáticas. La lista de verificación que prescribe es concreta y detecta brechas reales en lugar de ser decorativa.

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

Instalación

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

Comandos y prompts de ejemplo

  • /html-portal-generatorConvierte una base de código en un único portal HTML autocontenido que funciona sin conexión en file:// con

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →