Compétence de conception web de Together AI : définir pour l'agent 16 lignes rouges non négociables (couleurs et polices via des tokens, ne pas inventer de données ni d'avis, placer le titre et le bouton principal dans la première section visible, etc.), proposer trois directions issues d'une bibliothèque de thèmes et en choisir une, puis vérifier les violations avec sloplint dans le navigateur avant la livraison.
Installations sur skills.sh : 74901 (+2635 / 24 h)
Audit de sécurité : avertissements de risque
- Scripts non scannés référencés : scripts/sloplint.mjs, scripts/capture.mjs, scripts/theme.mjs
- Périmètre de l'audit : GitHub nutlope/hallmark/skills/hallmark/SKILL.md (seul le texte de SKILL.md a été scanné)
Justification
- Les lignes rouges sont traduites en CSS concret : pas de transition: all, pas d'animation sur width / height / top / left, overflow-x: clip sur html et body, tous les éléments interactifs ont un état :focus-visible, toutes les animations ont un repli prefers-reduced-motion
- Avant de commencer, poser une seule fois quatre questions (ressources, audience, action que la page doit déclencher, ton) ; les chiffres, citations et logos non fournis sont laissés vides, l'agent ne doit pas les inventer
- theme.mjs propose trois thèmes selon l'invite et journalise les choix pour éviter de reproduire deux fois de suite le même style ; l'auteur indique que la bibliothèque de thèmes contient 50 textures et la photothèque 755 photos sous licence ouverte, à créditer dans le pied de page si utilisées
- skills.sh : 2635 installations en 24 heures, total de 74901 ; 6181 sur la dernière semaine, les semaines précédentes étaient autour de deux mille (indicateur d'attention uniquement)
Utilisation
- npx skills add https://github.com/nutlope/hallmark --skill hallmark (le README de l'auteur utilise npx skills add nutlope/hallmark -g pour une installation globale) ; il existe aussi un plugin pour Claude Code
- Pour une nouvelle page, décrivez directement le besoin ; pour modifier une page existante, précisez la cible, par exemple /hallmark redesign \u003cchemin\u003e ou /hallmark audit \u003cchemin\u003e
- Nécessite Node 18+ ; les vérifications dans le navigateur et les captures d'écran nécessitent en plus npm i -g puppeteer-core et Chrome, sinon seuls les contrôles statiques sont exécutés
Risques
- Les scripts sloplint.mjs, capture.mjs et theme.mjs mentionnés par l'audit n'ont pas été scannés ; SKILL.md amène l'agent à les exécuter avec Node, et capture.mjs ouvre votre URL de produit ou votre serveur de développement pour prendre des captures d'écran, ce qui est cohérent avec son usage
- La photothèque ne contient que des liens vers Wikimedia Commons, sans fichiers images ; une connexion Internet est nécessaire pour récupérer les photos lors de leur utilisation ; le scan n'a pas signalé spécifiquement cette connectivité réseau
- Le processus implique la lecture de plusieurs fichiers de référence et des vérifications itératives ; l'auteur reconnaît que le chargement excessif de fichiers est le coût évitable le plus important