← Produits

Design
⚙ Prérequis: rien à installer — le skill est une guidance de diag…

HTML diagrams: self-contained, accessible visual models (topology, sequence, state, hierarchy…)

Construire le plus petit diagramme HTML autonome lisible pour une question relationnelle — notation adaptée, CSS/JS inline, vérifié aux deux largeurs

L’essentiel
Quoi
Construire le plus petit diagramme HTML autonome lisible pour une question relationnelle — notation adaptée, CSS/JS inline, vérifié aux deux largeurs
Coût
Gratuit
Prérequis
rien à installer — le skill est une guidance de diagrammes que votre agent applique sur invocation explicite ; fonctionne partout où un fichier HTML peut être ouvert
Installation
Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.

Version :

@
Créé par : @plannotator
⌁

Installation

Prérequis : rien à installer — le skill est une guidance de diagrammes que votre agent applique sur invocation explicite ; fonctionne partout où un fichier HTML peut être ouvert Installe-moi « Diagrammes HTML : modèles visuels autonomes et accessibles ». Il donne à mon agent le spécialiste html-diagram de @plannotator : sur invocation explicite, choisir le bon modèle de diagramme pour la question (topologie, séquence, processus, états, hiérarchie, chronologie, matrice, quantitatif) et la bonne méthode de rendu, puis livrer un seul fichier HTML sans dépendance avec CSS/JS inline, contrôles accessibles au clavier et support du mouvement réduit — vérifié aux largeurs étroite et large. Licence MIT. Dépôt : https://github.com/plannotator/effective-html/blob/main/skills/html-diagram/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « html-diagram ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. rien — invoquez-le simplement explicitement, p. ex. « html-diagram : montre le flux de requêtes », car il ne se déclenche pas sur des demandes générales). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.

?

Questions

Comment installer une création ?

Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.

Où va mon argent ?

Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.

Que signifie le ✓ à côté du nom d’un créateur ?

Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.