Install
npx skills add nutlope/hallmarkÀ qui s’adresse ce guide
Convient si vous voulez qu’une interface ne ressemble pas à un « artefact généré par défaut ». Officiellement : c’est un ensemble de compétences de design qui refusent de paraître générées par une IA. Il choisit une structure macro pour un brief, applique l’un de vingt-et-un thèmes, exécute cinquante-sept portes slop-test plus une auto-vérification avant envoi, et refuse l’apparence par défaut sur laquelle le modèle a été entraîné.
Il convient mieux si vous avez déjà un morceau de code d’interface, une image de référence ou une adresse de référence, et voulez d’abord une note avant de décider de changer. Il ne convient pas pour une copie au pixel près ou des modèles payants : hallmark study refuse explicitement les deux.
Avant de commencer, vous devez pouvoir exécuter npx skills add nutlope/hallmark. Ne le réécrivez pas en un autre installeur jamais fourni.
Premier essai en 3 minutes
Suivez uniquement l’installation npx officielle, puis faites une notation en lecture seule. Ne reconstruisez pas une page du premier coup.
Prérequis : cette machine a déjà npm/npx, et vous avez du code d’interface existant comme cible. La première fois, ne changez pas la structure d’un site de production.
Emplacement d’installation : exécutez d’abord la commande officielle.
npx skills add nutlope/hallmark
Après installation, confirmez d’après le texte source qu’un de ces fichiers d’arrivée existe déjà : ~/.claude/skills/hallmark/, .cursor/rules/hallmark.mdc (corps issu de SKILL.md, sans frontmatter), ~/.codex/skills/hallmark/ (personnel) ou .codex/skills/hallmark/ (niveau projet). La première fois, confirmez un seul emplacement ; n’écrivez pas une seconde copie à la main.
Dépôt officiel :
https://github.com/nutlope/hallmark
Déclencheur à faible risque : exécutez hallmark audit <target> sur du code existant, en remplaçant <target> par votre vrai chemin. Officiellement : notation selon des anti-motifs, seulement une liste de tâches, sans modifier les fichiers. Ne lancez pas d’abord hallmark redesign.
Signal de succès : vous obtenez une notation / liste de tâches, et les fichiers d’origine n’ont pas été modifiés. Si la liste suggère de changer la structure, confirmez quels fichiers seraient touchés avant l’étape suivante.
Exemples d’usage
Exemple 1 : noter une interface existante. Exécutez hallmark audit <target>. Convient si vous avez déjà du code et voulez seulement voir où cela ressemble à un artefact généré par défaut. Les preuves indiquent qu’il ne modifie pas les fichiers. Traitez la sortie comme une liste de contrôle ; n’appliquez pas les modifications automatiquement.
Exemple 2 : extraire l’ADN d’un design de référence. Exécutez hallmark study <screenshot | URL>. Convient si vous avez déjà une capture ou une adresse de référence et voulez la structure macro, les paires de polices et les ancres de couleur. Officiellement, il refuse la copie au pixel près et les modèles payants, et peut générer un design.md emportable pour d’autres outils IA. design.md est une action d’écriture : confirmez l’emplacement avant de générer, puis ouvrez et vérifiez après écriture. N’inventez pas d’URL de référence.
Limites
hallmark redesign <target> jette la structure existante, ne garde que les textes, l’architecture d’information et la marque, puis reconstruit sous une autre empreinte. Les effets de bord sont importants ; ne l’utilisez pas comme premier essai.
Les verbes officiellement nommés sont seulement audit, redesign et study. N’inventez pas d’autres commandes ou chemins de compétences.
La commande d’installation est seulement npx skills add nutlope/hallmark. Les répertoires d’arrivée suivent le texte source ; ne les copiez pas vers des emplacements jamais écrits.
Il n’écrit pas les environnements applicables comme liste exclusive, et n’exige pas d’enchaîner study et redesign.