Qu’est-ce que Hallmark ?
Hallmark, de Hassan El Mghari (nutlope) et publié sous le nom de Together AI, est un Agent Skill qui change la façon dont un agent de codage conçoit des pages web. Il fixe un Floor de 16 règles numérotées qu'aucun build ne peut enfreindre, une table plus longue de gates Reflex pour les réflexes par défaut des modèles, et un catalogue de 50 thèmes, chacun un fichier de 8 Ko au plus qui décrit papier, typographie, palette et surfaces, mais jamais la mise en page. Un build demande une seule fois du matériel réel, propose trois thèmes, construit d'abord le hero et lance un linter fourni, sloplint, avant qu'un sous-agent au contexte vierge relise la page.
Il s'installe avec npx skills add nutlope/hallmark -g dans les dossiers de Claude Code et de Codex CLI, que Cursor et OpenCode lisent aussi, et existe en plugin Claude Code. Il demande Node 18 ou plus récent, ainsi que puppeteer-core et Chrome pour les vérifications dans le navigateur. Les verbes /hallmark redesign et /hallmark audit agissent sur des pages existantes, auxquelles il ne touche pas sinon.
Le dépôt est sous licence MIT, avec environ 43 800 étoiles GitHub et 2 300 forks, et a été créé en avril 2026. Il n'y a pas de releases GitHub ; le skill est en version 2.0.0 et le dernier commit date du 29 octobre 2026. Rien n'est payant : le site indique qu'aucune clé d'API n'est nécessaire, et une TOGETHER_API_KEY facultative ne sert qu'à activer des images générées via Together AI.
Hallmark vaut-il le coup ?
Hallmark est le skill de design le plus prescriptif que nous ayons lu, et c'est sa force. Là où frontend-design d'Anthropic et Impeccable donnent surtout à l'agent un meilleur goût sur lequel s'appuyer, Hallmark écrit les signes révélateurs sous forme de règles vérifiables, puis les vérifie. SKILL.md interdit, sans exception, un dégradé du violet au bleu, une carte dans une carte, un emoji en guise d'icône, un seul mot en italique dans un titre en romain, le surtitre au-dessus d'un titre et toute étiquette en capitales espacées. Chaque couleur et chaque police doivent passer par un token dans :root, transition: all est interdit, le titre, une phrase et le bouton principal doivent tenir dans une fenêtre de 1280 sur 800, et aucun écran ne peut porter plus d'environ 80 mots. La table complète de gates.md va plus loin : Inter, Roboto ou Poppins en police de titrage, une couleur par défaut de Tailwind comme indigo-500, des écarts de moins de 120px entre sections et une inscription par email en dernière section comptent comme des signes Reflex que le build doit corriger ou justifier par écrit.
Ce qui change dans le résultat, c'est la forme de la page autant que sa peinture. L'agent pose d'emblée une question pour obtenir photos, captures d'écran et chiffres réels, et n'invente ni métriques, ni témoignages, ni murs de logos ; sans photos, il place des images créditées tirées d'une liste de 755 images sous licence libre sur Wikimedia Commons. Il propose trois des 50 thèmes en évitant ceux d'un journal des builds précédents, pour que des pages successives ne se ressemblent pas, construit et relit le hero seul, puis lance sloplint à huit largeurs et confie la page à un sous-agent au contexte vierge. Le résultat est du HTML et du CSS autonomes dont le premier commentaire CSS consigne les décisions prises. Le site de l'auteur montre Opus 5.5 seul avec 26 problèmes contre 0 avec Hallmark, mais le compteur est le propre linter de Hallmark qui note ses propres règles, ce qui mesure la conformité plus que la qualité.
Le coût, c'est le contexte. Pour construire une page, SKILL.md demande à l'agent de charger les fichiers layout, anatomy, imagery, craft, genre, thème et patterns, plus quatre sections de gates.md. Dans le dépôt, ces fichiers pèsent environ 95 Ko avant les 39 Ko de gates.md, soit, selon la règle habituelle de quatre caractères par token, à peu près 25 000 à 35 000 tokens d'instructions avant la moindre ligne de balisage. Le skill qualifie lui-même le fait d'en charger davantage de « plus gros coût évitable », et la feuille de route range la mesure du temps et du coût en tokens d'un build parmi les travaux en cours ; il n'existe donc pas de chiffre officiel. Un mode rapide existe pour les prototypes, et sans puppeteer-core ni Chrome seul le lint statique s'exécute.
Deux limites pèsent plus que la facture de tokens. Un skill est un prompt, pas une garantie : l'agent peut sauter des étapes, et l'évaluation des mainteneurs note que les skills ne se déclenchaient pas d'eux-mêmes sous claude -p et devaient être nommés. Et le goût est un style maison. Interdire les étiquettes en capitales espacées, le papier crème avec un accent terre cuite ou un bandeau de newsletter en fin de page se défend, mais reste une opinion ; une équipe qui a son propre système devrait l'écrire dans un design.md, que Hallmark lit en premier et fait primer sur tout le reste. Sans releases étiquetées et avec 68 issues et pull requests ouvertes, le projet est en outre jeune. Pour une nouvelle landing page à partir d'un prompt d'une ligne, c'est un outil plus solide qu'Impeccable ; pour un bouton ou un écran de réglages, sa machinerie dépasse ce que demande la tâche.
Là où il fait la différence
Un fondateur solo qui lance la landing page d'une API de webhooks
Obtenir une page qui ne ressemble pas à tous les autres sites SaaS générés
Lancez /hallmark avec l'URL du produit ; il capture l'app en fonctionnement, propose trois thèmes du genre modern-minimal et passe la page au lint avant de la rendre. Gratuit ; le coût est une grosse charge d'instructions et deux sous-agents de relecture, en tokens de l'agent.
Un développeur frontend d'une agence de dix personnes qui reçoit le site marketing vieillissant d'un client
Le restyler sans perdre un formulaire, un lien ou un hook de suivi
/hallmark redesign ./site relève chaque lien, champ, handler et titre avec sloplint --before et fait échouer l'exécution avec --kept s'il en manque un ; dites keep the layout pour un restyle ou polish pour ne traiter que les signes révélateurs. La livraison est un avant-après côte à côte.
Une responsable design dont les ingénieurs génèrent des pages avec des agents de codage
Repérer l'aspect généré avant qu'une page n'arrive en revue
Lancez node skills/hallmark/scripts/sloplint.mjs sur le résultat avec --render, ou /hallmark audit pour un rapport qui ne modifie rien ; le linter lit HTML, CSS, composants de frameworks et classes Tailwind. Certaines règles sont des opinions maison : attendez-vous à en lever quelques-unes en le consignant.
Avant de vous engager
- Mise en route
- npx skills add nutlope/hallmark -g (sans -g pour un seul projet, avec --agent pour un seul environnement), ou /plugin marketplace add nutlope/hallmark puis /plugin install hallmark@hallmark dans Claude Code. Demande Node 18+ ; npm i -g puppeteer-core et Chrome pour les vérifications de rendu. S'invoque avec /hallmark <prompt> ($hallmark dans Codex).
- Intégrations
- Claude Code, Codex CLI, Cursor et OpenCode, avec GitHub Copilot comme cible d'installation ; lit le design.md du projet, la configuration Tailwind et les tokens ; serveur MCP Inspo facultatif ; un hook facultatif de vérification du Floor à l'édition pour Claude Code ; génération d'images facultative via Together AI (FLUX.1.1-pro par défaut).
- Données et confidentialité
- Tourne en local et écrit dans votre projet, y compris un dossier .hallmark/ avec un journal des builds et un cache de pre-flight. Les photos de la bibliothèque sont hébergées sur Wikimedia Commons et gardent leurs propres licences CC0, domaine public, CC BY ou CC BY-SA ; les prompts ne partent chez Together AI que si TOGETHER_API_KEY est définie. Ni le README ni SKILL.md ne décrivent de télémétrie. Licence MIT.
- Coût à grande échelle
- Pas d'offre payante ni d'édition hébergée. Le vrai coût, ce sont les tokens de l'agent : construire une page charge environ 95 Ko de fichiers d'instructions plus des parties du fichier de gates de 39 Ko, et lance deux relectures au contexte vierge. Les images générées sont facturées sur votre propre compte Together AI.
- Limites
- Conçu pour les sites web et les nouvelles pages, avec un périmètre réduit pour les composants et les écrans d'application ; il ignore les designs existants tant qu'on ne le nomme pas. Pas de releases étiquetées et 68 issues et pull requests ouvertes ; les skills peuvent ne pas se déclencher d'eux-mêmes ; les mainteneurs n'ont publié aucun coût en tokens mesuré.
Les points forts
- Interdictions concrètes et vérifiables des signes typiques des pages générées
- sloplint fourni vérifie la page dans un vrai navigateur à huit largeurs
- Refuse d'inventer métriques, citations ou logos ; crédite chaque photo
- Le mode redesign échoue si un lien, un champ ou un handler disparaît
Les points faibles
- Lourde charge d'instructions par build ; aucun coût en tokens publié
- Style maison très marqué que certaines équipes combattront
- Les vérifications navigateur exigent puppeteer-core et Chrome
- Pas de releases étiquetées ; peut ne pas se déclencher sans être nommé
Idéal pour
Les développeurs qui construisent des pages marketing et des landing pages avec Claude Code, Codex, Cursor ou OpenCode et veulent qu'elles cessent de ressembler à tous les autres sites générés.
Alternatives à Hallmark
Hallmark : questions fréquentes
- Hallmark vaut-il le coup ?
- Hallmark transforme le goût en design en règles qu'un agent peut enfreindre, ce qui donne des pages qui semblent faites et non générées, au prix d'une facture de contexte que personne n'a encore mesurée. Nous lui donnons 4.1 sur 5.
- Combien coûte Hallmark ?
- Gratuit et open source (MIT). Une TOGETHER_API_KEY facultative active les images générées, facturées par Together AI.
- Quels sont les inconvénients de Hallmark ?
- Lourde charge d'instructions par build ; aucun coût en tokens publié; style maison très marqué que certaines équipes combattront; les vérifications navigateur exigent puppeteer-core et Chrome; pas de releases étiquetées ; peut ne pas se déclencher sans être nommé.
- À qui s’adresse Hallmark ?
- Les développeurs qui construisent des pages marketing et des landing pages avec Claude Code, Codex, Cursor ou OpenCode et veulent qu'elles cessent de ressembler à tous les autres sites générés.
- Combien coûte Hallmark pour une équipe ou en production ?
- Pas d'offre payante ni d'édition hébergée. Le vrai coût, ce sont les tokens de l'agent : construire une page charge environ 95 Ko de fichiers d'instructions plus des parties du fichier de gates de 39 Ko, et lance deux relectures au contexte vierge. Les images générées sont facturées sur votre propre compte Together AI.
- Hallmark est-il sûr pour les données de l’entreprise ?
- Tourne en local et écrit dans votre projet, y compris un dossier .hallmark/ avec un journal des builds et un cache de pre-flight. Les photos de la bibliothèque sont hébergées sur Wikimedia Commons et gardent leurs propres licences CC0, domaine public, CC BY ou CC BY-SA ; les prompts ne partent chez Together AI que si TOGETHER_API_KEY est définie. Ni le README ni SKILL.md ne décrivent de télémétrie. Licence MIT.
- Quelles sont les meilleures alternatives à Hallmark ?
- Les alternatives les plus proches que nous avons testées sont Impeccable, OpenDesign et Anthropic Skills.
Réponses vérifiées le 31 oct. 2026.