static-web-artifacts-builder

To build high-density static infographic artifacts, follow these steps:

Stack: Vanilla HTML5 + CSS3 (Grid/Flexbox) + inline SVG — zero runtime dependencies

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

Suite d'outils permettant de créer des artefacts HTML statiques élaborés et autonomes : infographies, diagrammes interactifs, visuels d'architecture, tableaux de bord de données et livrables visuels riches. Utilisez cette compétence lorsqu'on vous demande de créer un artefact HTML interactif, de créer un composant Web autonome, de générer une visualisation HTML statique, de créer un diagramme interactif, de produire une infographie visuelle ou de restituer tout visuel haute densité sous forme de fichier HTML unique. Chaîne d’outils sans build – pas de React, pas de Vite, pas de Parcel. HTML5 pur + CSS3 (Grille/Flexbox) + SVG en ligne. Déclencheurs sur : "créer du HTML interactif", "créer un composant Web autonome", "générer une visualisation HTML statique", "créer un diagramme interactif", "produire une infographie", "rendre sous forme d'artefact HTML", "créer un tableau de bord visuel", "créer un diagramme que je peux ouvrir dans le navigateur". Source : mathews-tom/praxis-skills.